/* source-sans-pro-200 - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 200; src: url('../fonts/source-sans-pro-v11-latin-200.eot'); /* IE9 Compat Modes */ src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'), url('../fonts/source-sans-pro-v11-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/source-sans-pro-v11-latin-200.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/source-sans-pro-v11-latin-200.woff') format('woff'), /* Modern Browsers */ url('../fonts/source-sans-pro-v11-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/source-sans-pro-v11-latin-200.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-sans-pro-200italic - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 200; src: url('../fonts/source-sans-pro-v11-latin-200italic.eot'); /* IE9 Compat Modes */ src: local('Source Sans Pro ExtraLight Italic'), local('SourceSansPro-ExtraLightItalic'), url('../fonts/source-sans-pro-v11-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/source-sans-pro-v11-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/source-sans-pro-v11-latin-200italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/source-sans-pro-v11-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/source-sans-pro-v11-latin-200italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-sans-pro-300 - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 300; src: url('../fonts/source-sans-pro-v11-latin-300.eot'); /* IE9 Compat Modes */ src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url('../fonts/source-sans-pro-v11-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/source-sans-pro-v11-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/source-sans-pro-v11-latin-300.woff') format('woff'), /* Modern Browsers */ url('../fonts/source-sans-pro-v11-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/source-sans-pro-v11-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-sans-pro-300italic - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 300; src: url('../fonts/source-sans-pro-v11-latin-300italic.eot'); /* IE9 Compat Modes */ src: local('Source Sans Pro Light Italic'), local('SourceSansPro-LightItalic'), url('../fonts/source-sans-pro-v11-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/source-sans-pro-v11-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/source-sans-pro-v11-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/source-sans-pro-v11-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/source-sans-pro-v11-latin-300italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-sans-pro-regular - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; src: url('../fonts/source-sans-pro-v11-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url('../fonts/source-sans-pro-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/source-sans-pro-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/source-sans-pro-v11-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/source-sans-pro-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/source-sans-pro-v11-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-sans-pro-italic - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 400; src: url('../fonts/source-sans-pro-v11-latin-italic.eot'); /* IE9 Compat Modes */ src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'), url('../fonts/source-sans-pro-v11-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/source-sans-pro-v11-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/source-sans-pro-v11-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/source-sans-pro-v11-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/source-sans-pro-v11-latin-italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-sans-pro-600 - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 600; src: url('../fonts/source-sans-pro-v11-latin-600.eot'); /* IE9 Compat Modes */ src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url('../fonts/source-sans-pro-v11-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/source-sans-pro-v11-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/source-sans-pro-v11-latin-600.woff') format('woff'), /* Modern Browsers */ url('../fonts/source-sans-pro-v11-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/source-sans-pro-v11-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-sans-pro-600italic - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 600; src: url('../fonts/source-sans-pro-v11-latin-600italic.eot'); /* IE9 Compat Modes */ src: local('Source Sans Pro SemiBold Italic'), local('SourceSansPro-SemiBoldItalic'), url('../fonts/source-sans-pro-v11-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/source-sans-pro-v11-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/source-sans-pro-v11-latin-600italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/source-sans-pro-v11-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/source-sans-pro-v11-latin-600italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-sans-pro-700 - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 700; src: url('../fonts/source-sans-pro-v11-latin-700.eot'); /* IE9 Compat Modes */ src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url('../fonts/source-sans-pro-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/source-sans-pro-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/source-sans-pro-v11-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/source-sans-pro-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/source-sans-pro-v11-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-sans-pro-700italic - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 700; src: url('../fonts/source-sans-pro-v11-latin-700italic.eot'); /* IE9 Compat Modes */ src: local('Source Sans Pro Bold Italic'), local('SourceSansPro-BoldItalic'), url('../fonts/source-sans-pro-v11-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/source-sans-pro-v11-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/source-sans-pro-v11-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/source-sans-pro-v11-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/source-sans-pro-v11-latin-700italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-sans-pro-900 - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 900; src: url('../fonts/source-sans-pro-v11-latin-900.eot'); /* IE9 Compat Modes */ src: local('Source Sans Pro Black'), local('SourceSansPro-Black'), url('../fonts/source-sans-pro-v11-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/source-sans-pro-v11-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/source-sans-pro-v11-latin-900.woff') format('woff'), /* Modern Browsers */ url('../fonts/source-sans-pro-v11-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/source-sans-pro-v11-latin-900.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* source-sans-pro-900italic - latin */ @font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 900; src: url('../fonts/source-sans-pro-v11-latin-900italic.eot'); /* IE9 Compat Modes */ src: local('Source Sans Pro Black Italic'), local('SourceSansPro-BlackItalic'), url('../fonts/source-sans-pro-v11-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/source-sans-pro-v11-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/source-sans-pro-v11-latin-900italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/source-sans-pro-v11-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/source-sans-pro-v11-latin-900italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */ } /* open-sans-300 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url('../fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */ src: local('Open Sans Light'), local('OpenSans-Light'), url('../fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-300italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300; src: url('../fonts/open-sans-v15-latin-300italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url('../fonts/open-sans-v15-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v15-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v15-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v15-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v15-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-regular - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('../fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Open Sans Regular'), local('OpenSans-Regular'), url('../fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: url('../fonts/open-sans-v15-latin-italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans Italic'), local('OpenSans-Italic'), url('../fonts/open-sans-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v15-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v15-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url('../fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */ src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('../fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-600italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 600; src: url('../fonts/open-sans-v15-latin-600italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url('../fonts/open-sans-v15-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v15-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v15-latin-600italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v15-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v15-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url('../fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */ src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-700italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 700; src: url('../fonts/open-sans-v15-latin-700italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('../fonts/open-sans-v15-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v15-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v15-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v15-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v15-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-800 - latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: url('../fonts/open-sans-v15-latin-800.eot'); /* IE9 Compat Modes */ src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url('../fonts/open-sans-v15-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v15-latin-800.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v15-latin-800.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v15-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v15-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* open-sans-800italic - latin */ @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 800; src: url('../fonts/open-sans-v15-latin-800italic.eot'); /* IE9 Compat Modes */ src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'), url('../fonts/open-sans-v15-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/open-sans-v15-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/open-sans-v15-latin-800italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/open-sans-v15-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/open-sans-v15-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */ } body { font-family: "Source Sans Pro", sans-serif; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; cursor: default; color: #333; font-size: 16px; line-height: 32px; background-color: #fff; font-weight: 400; } /* /*-----------------------------------------------------------------------------------*/ /* RESET /*-----------------------------------------------------------------------------------*/ *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } :focus { outline: 0 !important; } iframe { border: none; width: 100%; } ::selection { background: #fefac7; /* Safari */ color: #555555; } ::-moz-selection { background: #fefac7; /* Firefox */ color: #555555; } strong, b { font-family: "Source Sans Pro", sans-serif; font-weight: 600; } span.text-bg { padding: 0px 5px; background-color: #006633; color: #fff; line-height: 10px; } span.text-color { color: #006633; } label { font-family: "Source Sans Pro", sans-serif; font-weight: 400; color: #777; } p.dropcap:first-letter { display: block; float: left; font-size: 50px; line-height: 51px; margin: -1px 8px -2px 0; color: #006633; font-family: "Source Sans Pro", sans-serif; } input, button, select, textarea { font-family: "Source Sans Pro", sans-serif; font-size: 14px; font-weight: 400; } a { color: #000; text-decoration: none; font-weight: 400; -webkit-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; font-family: "Source Sans Pro", sans-serif; } a:hover, a:focus { color: #006633; text-decoration: none; } .colored-text { color: #006633; } /* Headings */ h1, h2, h3, h4, h5, h6 { color: #006633; font-weight: 400; font-family: "Open Sans", sans-serif; } h1 { font-size: 2.0em; line-height: 44px; margin: 0 0 44px 0; } h2 { font-size: 1.8em; font-weight: 400; line-height: 42px; margin: 0 0 32px 0; } h3 { font-size: 1.5em; font-weight: 400; letter-spacing: normal; line-height: 23px; padding-bottom: 10px; } .sub { padding: 0; margin: 0;} /*use in section headings*/ h3.heading { border-bottom: 1px solid #E5E5E5; color: #4e4e4e; font-size: 20px; margin: 0 0 25px; padding-bottom: 10px; position: relative; font-weight: 600; } h3.heading:before { position: absolute; content: ""; height: 1px; background: #006633; width: 90px; bottom: -1px; left: 0px; } h4 { font-size: 1.4em; color: #006633; font-weight: 400; letter-spacing: normal; line-height: 27px; margin: 0 0 14px 0; } h5 { font-size: 1em; font-weight: 600; letter-spacing: normal; line-height: 18px; margin: 0 0 14px 0; } h6 { color: #006633; font-size: 1em; font-weight: 600; letter-spacing: normal; line-height: 18px; margin: 0 0 14px 0; } .upp { text-transform: uppercase;} /*parahraphs*/ pad { padding-right:10px; } .grey { background-color: #f6f6f6;} p { color: #333; line-height: 25px; margin: 0 0 20px; } /*-----------------------------------------------------------------------------------*/ /* DIVIDERS /*-----------------------------------------------------------------------------------*/ .divide30 { width: 100%; height: 30px; } .divide40 { width: 100%; height: 40px; } .divide50 { width: 100%; height: 50px; } .divide60 { width: 100%; height: 60px; } .divide70 { width: 100%; height: 70px; } .divide80 { width: 100%; height: 80px; } /*margins*/ .margin10 { margin-bottom: 10px; } .margin20 { margin-bottom: 20px; } .margin30 { margin-bottom: 30px; } .margin40 { margin-bottom: 40px; } /*************************************************************/ /************************** Buttons **************************/ /*************************************************************/ .btn { font-weight: 600; font-family: "Source Sans Pro", sans-serif; font-size: 14px; letter-spacing: 0.02em; text-shadow: none; -webkit-font-smoothing: antialiased; border: none; text-transform: uppercase; -webkit-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -webkit-border-radius: 0; border-radius: 0; } .btn:hover { color: #fff; } .border-black { border: 2px solid #333; color: #333; } .border-black:hover { background-color: #333; border-color: #333; } .border-white { border: 2px solid #fff; color: #fff; } .border-white:hover { background-color: #fff; border-color: #fff; color: #333; } .btn-theme-bg { background-color: #006633; text-transform: uppercase; color: #fff; border-radius: 4px; -webkit-border-radius: 4px; } .btn-theme-bg:hover { background-color: #333; } /*forms*/ select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .form-control { color: #7a7a7a; border: 1px solid #dadada; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #FFF; font-size: 12px; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; transition: all 200ms ease-in; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .form-control:focus { border: 1px solid #006633; background: #FFF; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /*************parallax*************/ .parallax { background-position: 0 0; background-repeat: no-repeat; background-size: 100% auto; width: 100%; background-size: cover; background-attachment: fixed; } /*************soical icons**********/ .social-1 { margin: 0; padding: 0; } .social-1 li { padding-left: 1px; padding-right: 1px; } .social-1 li a i { width: 32px; height: 32px; line-height: 32px; text-align: center; color: #fff; font-size: 16px; -webkit-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; transition: all 200ms ease-in; } .social-1 li a i:hover { opacity: 0.8; } .social-1 li a i.fa-facebook { background-color: #3b5998; } .social-1 li a i.fa-twitter { background-color: #0084b4; } .social-1 li a i.fa-google-plus { background-color: #C63D2D; } .social-1 li a i.fa-pinterest { background-color: #cb2027; } .social-1 li a i.fa-dribbble { background-color: #ea4c89; } /***********bootstrap navigation overrides--*/ .navbar-default { font-family: "Source Sans Pro", sans-serif; border: none; border-radius: 0; margin-bottom: 0; width: 100%; min-height: 80px; padding: 15px 0; box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.1); background: #fff; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #006633; background-color: transparent; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #006633; background-color: #fff; } .navbar-brand { color: #000 !important; } .navbar-default .navbar-nav > li > a { color: #777; font-weight: 400; font-size: 15px; text-transform: uppercase; } .navbar-default .navbar-nav > li > a:hover { color: #006633; } /*navbar search form***/ .dropdown-form { padding: 10px 15px; min-width: 210px; } .dropdown-form .form-inline .form-control { height: 32px; } /*============================*/ /*======dropdowm menu=========*/ /*============================*/ .navbar .dropdown-menu { margin: 0; background-color: #fff; border: none; padding: 0px; } .navbar .dropdown-menu li a { color: #777; padding: 6px 20px; font-weight: 400; font-size: 15px; -webkit-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; transition: all 200ms ease-in; } /*********top bar************/ .top-bar-wrap { padding: 6px 0; background-color: #006633; } .top-bar { min-height: 20px; line-height: 20px; font-size: 12px; color: #fff;} .top-bar a { font-size: 12px; color: #fff; } .top-bar .social-1 li a i { width: 20px; height: 20px; line-height: 20px; font-size: 13px; } /****************************footer************************/ #footer { background-color: #f5f4f4; padding: 35px 0 40px; color: #333; border-top: 1px solid #CCC; } .footer-col h3.heading { color: #006633; font-size: 18px; text-transform: uppercase; border-bottom-color: #666; margin-bottom: 20px; } .address-info { font-family: "Source Sans Pro", sans-serif; } .address-info li { padding: 3px 0; color: #333; } .address-info li i { color: #333; margin-right: 5px; } .address-info li a { color: #333; } .address-info li a:hover { color: #006633; } .popular-post li { padding-bottom: 20px; } .popular-img { float: left; margin-right: 10px; } .popular-img a img { width: 50px; height: 50px; } .popular-desc { display: table; } .popular-desc h5 { font-size: 17px; } .popular-desc h5 a { color: #666; } .popular-desc h5 a:hover { color: #006633; } .popular-desc h6 { color: #777; } .newsletter-form .form-control { height: 38px; } .footer-work a img { opacity: 0.6; width: 60px; height: 50px; display: inline-block; margin: 3px; } .footer-work a img:hover { opacity: 1; } .footer-btm { padding: 30px 20px; border-top: 1px solid #CCC; text-align: center; } /************************image hover effect*******************/ .item-img-wrap { position: relative; text-align: center; overflow: hidden; } .item-img-wrap img { -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; } .item-img-overlay { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .item-img-overlay span { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../img/plus.png) no-repeat center center rgba(51, 102, 51, 0.7); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: opacity 250ms linear; transition: opacity 250ms linear; } .item-img-wrap:hover .item-img-overlay span { opacity: 1; } .item-img-wrap:hover img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } /******************services****************/ /*service box*/ .service-box h4 i { margin-right: 10px; color: #006633; font-size: 27px; } /*progress rounded*/ .process-rounded { background: url(../img/showcase-2.jpg); padding: 50px 0; } .process-rounded h3 { color: #fff; margin-bottom: 50px; } .process-box { text-align: center; } .process-box i { width: 90px; height: 90px; line-height: 90px; font-size: 54px; color: #006633; margin-bottom: 20px; border: 2px solid #006633; border-radius: 45px; -webkit-border-radius: 45px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .process-box:hover i { color: #fff; background-color: #006633; } .process-box h4 { color: #fff; margin-bottom: 0px; } .service-box-2 { text-align: center; } .service-box-2 i { width: 60px; height: 60px; line-height: 60px; text-align: center; border-radius: 30px; -webkit-border-radius: 30px; margin-bottom: 20px; color: #fff; background-color: #006633; font-size: 26px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .service-box-2:hover i { background-color: #333; color: #fff; } /**************work and portfolio whole*******/ /* mouse grab icon */ .grabbing { cursor: url(../img/grabbing.png) 8 8, move !important; } .portfolio { padding: 60px 0; background-color: #fff; } .work-desc { padding: 10px; background-color: #fff; border-bottom: 1px solid #ddd; } .work-desc h5 { margin: 0px; display: inline-block; font-size: 15px; } .work-desc i { width: 32px; height: 32px; line-height: 32px; text-align: center; color: #fff; background-color: #006633; border-radius: 3px; -webkit-border-radius: 3px; margin-right: 5px; } .owl-spaced .owl-item > div { margin: 5px; } #grid .mix { opacity: 0; display: none; } .portfolio-filters { margin-bottom: 40px; margin-left: 0px; } .portfolio-filters li { padding: 4px 10px; background-color: #4f4e4e; color: #fff; margin-bottom: 5px; cursor: pointer; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } .portfolio-filters a:link { color: #fff; display: block; } .portfolio-filters li:hover{ background-color: #006633; color: #fff; } .portfolio-filters a:link li { color: #fff; display: block; } .portfolio-filters a:hover { color: #fff; display: block; } .portfolio-filters a:active li { background-color: #006633; color: #fff; } .portfolio-filters li.filter-active { float: left; margin-right: 10px; background-color: #006633; color: #fff; } .filter { float: left; margin-right: 10px; } .filter-clear { clear: left; } .portfolio-filters a { color: #fff; display: block; } /*testimonials parallax*/ .testimonials { background: url(../img/showcase-3.jpg); padding: 50px 0; } .testimonials h4 { color: #fff; font-weight: 300; } .testimonials h4 i { color: #006633; } .testimonials p { color: #006633; } /***********bootstrap collapse overrides*/ .panel-group .panel { margin-bottom: 0; border-radius: 0px; } .panel-default > .panel-heading { color: #000; background-color: #fff; border-color: #006633 !important; padding: 7px 12px; } .panel-title i { margin-right: 10px; color: #6ca8ff; } /**************coming soon*************/ .soon-bg { background: url(../img/showcase-1.jpg); padding: 150px 0; } .soon-bg h2 { font-weight: 300; color: #fff; } .countdown_amount { display: block; font-size: 44px; padding-top: 25px; line-height: 20px; font-weight: 400; color: #fff; } .countdown_section { display: inline-block; width: 120px; height: 120px; padding-top: 13px; margin: 10px; color: #fff; background-color: rgba(255, 255, 255, 0.1); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); text-align: center; } .subscribe-form .form-control { height: 38px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } /****fun facts*****/ .fun-fact-wrap { background: url(../img/showcase-1.jpg); padding-top: 50px; padding-bottom: 30px; } .facts-in { text-align: center; margin-bottom: 60px; } .facts-in h3 { margin-bottom: 15px; font-size: 40px; font-weight: 400; color: #000; } .facts-in h3 i { font-size: 40px; margin-right: 20px; color: #006633; } .facts-in h4 { margin-bottom: 0px; } /******owl carousel*******/ .owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50); opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; /* border-radius: 20px; */ background: #006633 !important; } /*contact us*/ /*gmap*/ #map-canvas { width: 100%; height: 300px; } /***error page****/ .error-digit { font-size: 150px; text-align: center; line-height: 150px; } .error-page h3 { font-weight: 300; } /********************************main slider***********************/ .main-slider { overflow: hidden; position: relative; height: 500px; } .main-slider .flexslider { border: 0px; padding: 0px; height: 500px; margin: 0px; background-repeat: no-repeat; background-position: center; box-shadow: none; -webkit-box-shadow: none; position: relative; } .main-slider .flexslider .slides li { background-size: cover; background-repeat: no-repeat; background-position: center; backface-visibility: visible; -webkit-backface-visibility: visible; height: 500px; } .main-slider .flexslider .slides li .slider-text { width: 100%; display: table; position: relative; height: 100%; } .main-slider .flexslider .slides li .slider-text .inner { width: 100%; display: table-cell; vertical-align: middle; position: relative; height: 100%; } .main-slider .flexslider .slides li .slider-text .inner h1 { color: #fff; font-weight: 300; text-transform: uppercase; margin-bottom: 20px; font-size: 55px; line-height: 65px; } .main-slider .flexslider .slides li .slider-text .inner p { color: #fff; font-size: 18px; font-weight: 300; margin-bottom: 30px; } .main-slider .flex-direction-nav a { height: 50px; line-height: 50px; width: 50px; text-shadow: none; color: #006633; } .main-slider .flex-direction-nav a:before { text-shadow: none; color: #006633; } /*purchase sec*/ .purchase-section { padding: 20px 25px; background-color: #f5f4f4; } .purchase-section h3 { margin: 0px; font-weight: 400; } .purchase-section .btn-theme-bg { float: right; } .purchase-section p { margin: 0px; } /**************blogs********************/ .post-desc { padding: 15px 0; } .post-desc p { margin: 10px 0; } /**inner pages*****/ .blog-wrap { border-bottom: 1px solid #e5e5e5; margin-bottom: 50px; } .blog-desc h4 { font-size: 30px; font-weight: 300; } .post-deatil li a { color: #006633; } .post-deatil li a:hover { color: #000; } .comments-list { margin: 0 0 54px; padding: 0; } .comments-list li { padding: 15px 0; border-bottom: 1px solid #e5e5e5; } .comments-list li:first-child { padding-top: 10px; } .comments-list li .avtar { -webkit-border-radius: 42px; -moz-border-radius: 42px; border-radius: 42px; float: left; height: 84px; margin: 0 25px 0 0; width: 84px; } .comments-list .meta { color: #7f7f7f; font-size: 11px; line-height: 18px; margin: 0 0 4px; } .comments-list p { overflow: hidden; } /**about us*/ .about-us img { float: left; width: 150px; height: 100px; margin-right: 20px; } .about-us p { margin: 0; line-height: 28px; } /****************bootstrap breadcrumb overrides*****************/ .bread-wrap { padding: 20px 0; border-bottom: 1px solid #eee; } .bread-wrap h4 { margin: 0px; text-transform: capitalize; } ol.breadcrumb { margin: 10px 0 10px 0; padding: 0; background-color: transparent; color: #006633; font-size: 14px; } ol.breadcrumb li a { color: #006633; } /**********************sidenav*********************/ .side-nav li { border-bottom: 1px solid #e9e9e9; } .side-nav li a { padding: 10px 15px; display: inline-block; width: 100%; position: relative; } .side-nav li a.active { color: #006633; } .side-nav li a i { margin-right: 10px; } /*********************pricing tables****************/ .naran-pricing { border: 1px solid #e9e9e9; text-align: center; } .narani-price-title { border-bottom: 1px solid #e9e9e9; padding: 15px 0; background: #f9f9f9; position: relative; } .narani-price-title h3 { margin: 0px; font-size: 18px; text-transform: uppercase; color: #000; } .narani-price-title h2 { font-size: 38px; } .narani-price-title sup { color: #777; font-size: 16px; top: -20px; } .narani-price-title sub { color: #777; font-size: 16px; } .narani-price-content { padding: 20px 0; } .narani-price-content p { margin: 0px; padding: 10px 0; border-bottom: 1px solid #e9e9e9; } .naran-pricing-btn { padding-bottom: 20px; } span.popular-tag { position: absolute; right: 0; top: 0; padding: 1px 6px; color: #fff; background-color: #006633; font-size: 10px; } .narani-price-title.popular-title { background-color: #333; } .narani-price-title.popular-title h2 { color: #fff; } .narani-price-title.popular-title h3 { color: #fff; } /************team****************/ .default-wrap { position: relative; overflow: hidden; border-radius: 3px; -webkit-border-radius: 3px; } .img { background: #f2f2f2; display: block; line-height: 0; margin: 0; } .description { background: #f2f2f2; border-top-width: 1px; color: #505050; display: table; font-size: 13px; line-height: 18px; text-align: center; width: 100%; padding: 10px 0; } .description h4 { margin: 0px; } .description span { font-size: 11px; } .hover-desc { position: absolute; width: 100%; height: 100%; top: 0; left: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; border-radius: 3px; -webkit-border-radius: 3px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; background-color: rgba(50, 197, 210, 0.9); padding: 20px; color: #fff; } .hover-desc h4 { color: #fff; } .hover-desc p { color: #f5f5f5; } .default-wrap:hover .hover-desc { opacity: 1; } /***********************sign in or sign up css****************/ .login-form { padding: 20px; background-color: #f5f5f5; } .login-form h3 span { color: #777; font-size: 15px; } .btn-fb-login { background-color: #3b5998; color: #fff; border-radius: 3px; -webkit-border-radius: 3px; } .login-form form a { display: inline-block; margin-left: 5px; } @media (max-width: 320px) { .login-form form a { margin-top: 10px; } } /********************************sidebar***********************/ .sidebar-box h4 { font-size: 16px; font-weight: 400; color: #555; } .search-widget { position: relative; } .search-widget i { position: absolute; top: 10px; right: 10px; color: #777; } .cat-list li { padding: 3px 0; } .cat-list li a { color: #888; margin-right: 10px; } .cat-list li i { color: #888; margin-right: 10px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .cat-list li:hover i { margin-left: 5px; } .cat-list li a:hover { color: #006633; } /********elements (remove)*******/ .element-btn a { margin: 5px; } i { padding-right: 5px;} .pad10 { padding-left: 5px;} .pad20 { padding-left: 20px;} .grid-system span { display: block; padding: 3px 8px; background-color: #e5e5e5; margin-bottom: 5px; } @media (max-width: 767px) { .main-slider { height: 300px; } .main-slider .flexslider { height: 300px; } .main-slider .flexslider .slides li { height: 300px; } .main-slider .flexslider .slides li .slider-text .inner h1 { color: #fff; font-weight: 300; text-transform: uppercase; margin-bottom: 20px; font-size: 35px; line-height: 45px; } .main-slider .flexslider .slides li .slider-text .inner p { font-size: 16px; margin-bottom: 20px; } } @media (max-width: 567px) { .main-slider { height: 250px; } .main-slider .flexslider { height: 250px; } .main-slider .flexslider .slides li { height: 250px; } .main-slider .flexslider .slides li .slider-text .inner h1 { color: #fff; font-weight: 400; text-transform: uppercase; margin-bottom: 10px; font-size: 25px; line-height: 35px; } .main-slider .flexslider .slides li .slider-text .inner p { font-size: 13px; margin-bottom: 20px; } } @media (max-width: 375px) { .main-slider .flexslider .slides li { height: 250px; background-size: 100%; background-position: 100%; } .main-slider .flexslider .slides li .slider-text .inner h1 { color: #fff; font-weight: 400; text-transform: uppercase; margin-bottom: 10px; font-size: 16px; line-height: 25px; } .main-slider .flexslider .slides li .slider-text .inner p { font-size: 11px; margin-bottom: 10px; } } /*# sourceMappingURL=style.css.map */ .bg-header { height: 20px; padding: 0; margin: 0; background: #006633; } .bg-grey { background-color: #f6f6f6; } h1 { font-family: 'Open sans'; padding-bottom: 0px; color: #006633; !important } h4 { font-family: 'Open sans'; padding-top: 0px; font-weight: 400; color: #666; } .txt ul{ list-style-type: none; } .txt li { position: relative; padding-left: 0px; line-height: 24px; margin-bottom: 10px } .txt li:before { font-family: 'FontAwesome'; content: '\f00c'; margin:0 5px 0 -25px; color: #006633; } .adress { line-height: 22px;} .adress i{ color: #9C9898;} .top-bar p{ color: #fff; font-size: 12px; } .work-desc h5 { font-size: 12px;}