/* -- << Best Coding Experts >> -- */
/* -- << We Always Serve Your Better >> -- */
@import "font-awesome.min.css";
@import url("chrome://DEMO GOOGLE WEBFONT");

/* --** Reset CSS **-- */
* { margin: 0px; padding: 0px; -webkit-box-sizing: border-box; 	-moz-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; margin: 0; outline: 0; padding: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

body { font-family: 'Dosis', sans-serif; font-size: 15px; color: #747474; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%;  background: #fff; }
ul, ol { margin: 0 0 10px 25px; }
ol { list-style: square; }
ul { list-style: circle; }
ol:after, ul:after { content: ""; display: block; line-height: 0; clear: both; overflow: hidden; height: 0; }
ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; }
li { margin: 10px 0px 10px 0px; }

pre { padding: 0.1em 0.5em 0.3em 0.7em; border-left: 11px solid #ccc; margin: 1.7em 0 1.7em 0.3em; overflow: auto; max-width: 500px; }
code, samp, kbd { font-family: "Courier New", Courier, monospace, sans-serif; text-align: left; color: #555; }
pre code { line-height: 1.6em; font-size: 11px; }

table { margin: 25px auto; border-collapse: collapse; border: 1px solid #eee; border-bottom: 2px solid #00cccc; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1), 0px 10px 20px rgba(0, 0, 0, 0.05), 0px 20px 20px rgba(0, 0, 0, 0.05), 0px 30px 20px rgba(0, 0, 0, 0.05); width: 100%; }
table th { background: #00cccc; color: #fff; text-transform: uppercase; font-size: 12px; border: 1px solid #eee; padding: 12px 35px; }
table tr:hover { background: #f4f4f4; }
table tr:hover td { color: #555; }
table td { color: #999; border: 1px solid #eee; padding: 12px 35px; }
table th, td { font-weight: normal; text-align: left; vertical-align: middle; }
table tbody tr:nth-child(2n) { background: #f0f3f5; }

caption { font-weight: normal; text-align: left; }

h1,  h2, h3, h4, h5, h6 { color: #586778; font-weight: normal; }
h1 { font-size: 60px; margin: 5px 0px 15px 0px; }
h2 { font-size: 36px; margin: 5px 0px 15px 0px; }
h3 { font-size: 30px; margin: 5px 0px 15px 0px; }
h4 { font-size: 26px; margin: 5px 0px 15px 0px; }
h5 { font-size: 20px; margin: 5px 0px 15px 0px; }
h6 { font-size: 18px; margin: 5px 0px 15px 0px; }
p { margin: 5px 0px 15px 0px; line-height: 26px; }
em { font-style: italic; }
strong { font-weight: bold }
small { font-size: 80%; }
img { -ms-interpolation-mode: bicubic; border: 0; height: auto; max-width: 100%; vertical-align: middle; display: block;  }
figure { margin: 0; }

/* #Links */
a { color: #f2a755; outline: 0 none; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;  }
a:hover { text-decoration: none; }
a.more { padding-left: 28px; color: #7a594c; display: inline-block; position: relative; letter-spacing: 0.2px; font-family: 'Arial, Helvetica, sans-serif'; }
a.more:before { content: "\f0a9"; font-size: 130%; position: absolute; left: 0; top: -4px; font-family: fontawesome; }
a.more:hover { color: #c2ead6; }

/* #blockquote */
blockquote:before { top: 0; left: 0; content: "\201C"; }
blockquote:after { top: 0; right: 0; content: "\201D"; } 
q:before { top: 0; left: 0; content: "‘"; }
q:after { top: 0; right: 0; content: "’"; }
blockquote:before, blockquote:after { position: absolute; width: 60px; height: 60px; font-size: 120px; line-height: 1;}
blockquote, q { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none; }
blockquote { margin: 12px 0 12px 20px; border-left: 10px solid #ececec; position: relative; padding: 30px 70px; text-align: center; font-size: 20px; }

::-webkit-input-placeholder { color: rgba(51, 51, 51, 0.7); }
:-moz-placeholder { color: rgba(51, 51, 51, 0.7); }
::-moz-placeholder { color: rgba(51, 51, 51, 0.7); opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */ }
:-ms-input-placeholder { color: rgba(51, 51, 51, 0.7); }

/* #Forms */
fieldset { border: 0 none; }
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], textarea, select { border: 1px solid #ececec; padding: 12px 13px; outline: none; font-size: 15px; color: #c1c1c1; margin: 0; width: 280px; max-width: 100%; display: block; margin-bottom: 20px; background: #fff; height: 40px; }
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus { border: 1px solid #ececec; color: #747474; -moz-box-shadow: 0 0 3px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); box-shadow: 0 0 3px rgba(0,0,0,.2); }

input[type="text"] { position: relative; }
input[type="text"]:after { }

input[type="text"]::-webkit-input-placeholder:before { position: absolute; top: 0; left:0; background: #000; width: 10px; height: 10px; content:""; display: block;  }


select { padding: 0 0 1px 9px; letter-spacing: 0.9px; border-bottom: 2px solid #d3d3d3; color: #747474; height: 42px; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; background: #ececec url(../images/select-arrow.png) no-repeat scroll 100% center; cursor: pointer; /*Removes border*/-webkit-appearance: none;  /*Removes default chrome and safari style*/ -moz-appearance: none; /* Removes Default Firefox style*/ appearance:none;/* background: #45bf54 url(../images/select-img.png) no-repeat 100% center; */ text-indent: 0.01px; /* Removes default arrow from firefox*/ text-overflow: "";  /*Removes default arrow from firefox*/ /*My custom style for fonts*/ background-size: 24px 40px; }
select::-ms-expand { /* for IE 11 */ display: none; }
select option  { padding: 7px 9px; border: 1px solid #ececec; border-left: none; border-right: none;  outline: none; }
select:focus  { padding: 0 0 1px 9px;  border: 1px solid #ececec; color: #747474; background: #fff url(../images/select-arrow.png) no-repeat scroll 100% center; cursor: pointer; /*Removes border*/-webkit-appearance: none;  /*Removes default chrome and safari style*/ -moz-appearance: none; /* Removes Default Firefox style*/ appearance:none;/* background: #45bf54 url(../images/select-img.png) no-repeat 100% center; */ text-indent: 0.01px; /* Removes default arrow from firefox*/ text-overflow: "";  /*Removes default arrow from firefox*/ /*My custom style for fonts*/ background-size: 24px 40px; }
textarea { min-height: 60px; }
label, legend { display: inline-block; font-weight: bold; font-size: 13px; }
label { cursor: pointer; margin-right: 50px;}
label:last-child { margin-right: 0;}
label span, legend span { font-weight: normal; font-size: 13px; color: #444; }

/* #Input Buttons */
.button, button, input[type="button"], input[type="Reset"] { padding: 11px 29px 11px 30px; border: 0 none; outline: none; color: #fff; cursor: pointer; display: inline-block; background: #f2a755; font-size: 15px; border-radius: 6px; letter-spacing: 0.8px; }
.button:hover, button:hover, input[type="button"]:hover, input[type="Reset"]:hover { text-decoration: underline;} 

/* #Input Submit */
input[type="submit"] { padding: 8px 26px 8px 27px; border: 0 none; outline: none; cursor: pointer; display: inline-block; border: 3px solid #586778; color: #586778;  font-size: 15px; font-family: 'Arial, Helvetica, sans-serif'; border-radius: 6px; letter-spacing: 0.8px;  }
input[type="submit"]:hover { text-decoration: underline;} 

/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* <<< Input Radio >>> */
input[type="radio"] { display:none; }
input[type="radio"] + label .check { display:inline-block;  margin: -4px 4px 0 0; vertical-align:middle; width: 20px; height: 19px;background:url(../images/radio-icn.png) left top no-repeat; background-size: 20px 19px; cursor:pointer;  }
input[type="radio"]:checked  + label .check { background:url(../images/radio-icn-active.png) left top no-repeat; background-size: 20px 19px; }
input[type="radio"]:disabled + label .check { background:url(../images/radio-icn.png) left top no-repeat; background-size: 20px 19px; cursor: not-allowed; }

/* <<< Input Checkbox >>> */
input[type="checkbox"] { display:none; }
input[type="checkbox"] + label .check { display:inline-block;  margin: -4px 4px 0 0px; vertical-align:middle; width: 20px; height: 19px;background:url(../images/check-icn.png) left top no-repeat; background-size: 20px 19px; cursor:pointer;  }
input[type="checkbox"]:checked  + label .check { background:url(../images/check-icn-active.png) left top no-repeat; background-size: 20px 19px; }
input[type="checkbox"]:disabled + label .check { background:url(../images/check-icn.png) left top no-repeat; background-size: 20px 19px; cursor: not-allowed; }

	/* <<< Header >>> */
	.header { position: relative; }
	.header .site-logo { padding: 11px 15px; }
	.header .site-logo a { display: inline-block; }
	
	
	/* <<< Navigation >>> */
	.Nav { float: left; padding-top: 9px; }
	.Nav ul { list-style: none; margin: 0; float: right; }
	.Nav li { float: left; margin: 0; font-size: 16px; text-transform: uppercase; font-weight: 700; padding-right: 30px; letter-spacing: 1.1px; }
	.Nav li a { display: inline-block; color: #714329; }
	.Nav li a:hover { color: #ca9b50; }
	.Nav li:last-child { padding-right: 0; }
	.Nav li .fa { font-size: 35px; }
	.Nav li.social { padding-right: 5px; }


	/* <<< Mobilemenu >>> */
	.mobilemenu { padding: 0; display: none; float: left; width: 100%; position: absolute; top:23px; left: 0; }
	.mobilemenu #mainmenu { width: 100%; }
	.mobilemenu .slicknav_menu { padding: 0; overflow: hidden; }
	.mobilemenu .slicknav_menu .slicknav_btn { padding: 16px 0; color: #fff; font-size: 16px; z-index: 9999; text-decoration: none; display: inline-block; width: 50px; float: right; margin-right: 15px; }
	.mobilemenu .slicknav_menu .slicknav_menutxt { padding-top: 2px; float: left; font-weight: bold; margin-right: 15px; display: none; }
	.mobilemenu .slicknav_menu .slicknav_icon { margin: 0; padding-top: 1px; display: inline-block; font-size: 22px; width: 26px; height: 22px; position: relative;  -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; float: right; }
	.mobilemenu .slicknav_menu .slicknav_btn span.slicknav_icon-bar { display: block; position: absolute; opacity: 1; width: 26px; height: 4px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); background: #714329; margin: 0 auto; left:0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
	.mobilemenu .slicknav_menu .slicknav_btn span.slicknav_icon-bar:nth-child(1) { top: 0; }
	.mobilemenu .slicknav_menu .slicknav_btn span.slicknav_icon-bar:nth-child(2) { top: 8px; }
	.mobilemenu .slicknav_menu  span.slicknav_icon-bar:nth-child(3) { top: 16px; }
	.mobilemenu .slicknav_menu .slicknav_btn.slicknav_open span.slicknav_icon-bar:nth-child(1) { top: 10px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
	.mobilemenu .slicknav_menu .slicknav_btn.slicknav_open span.slicknav_icon-bar:nth-child(2) { opacity: 0; left: -60px; }
	.mobilemenu .slicknav_menu .slicknav_btn.slicknav_open span.slicknav_icon-bar:nth-child(3) { top: 10px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }
	.mobilemenu .slicknav_menu .slicknav_arrow { float: right; margin-top: 13px; }
	.mobilemenu .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 4px; }
	.mobilemenu .slicknav_nav .slicknav_item a, .mobilemenu .slicknav_nav .slicknav_parent-link a { padding: 0px; display: inline; }
	.mobilemenu #mainmenu ul { position: absolute; left: 0%; top: 79px; width: 100%; overflow: hidden; z-index: 9999; list-style: none; clear: both; background: #714329; padding-left: 0px; margin:0; text-align: left; }
	.mobilemenu #mainmenu li { width: 100%; display: block; margin:0; text-transform: capitalize; }
	.mobilemenu #mainmenu li span.mobile { display: none; }
	.mobilemenu #mainmenu li a { padding: 5px 15px; color: #fff; margin:0; line-height: 40px; text-decoration: none; display: block; text-transform: uppercase; font-weight: 600; }
	.mobilemenu #mainmenu li a .drop { display: none; }
	.mobilemenu #mainmenu li a i { height: auto; display: block; font-style: normal; }
	.mobilemenu #mainmenu li a:hover, .mobilemenu #mainmenu li.slicknav_open a { background: #ca9b50; }
	.mobilemenu #mainmenu li a a { padding: 0px; display: inline-block; }
	.mobilemenu #mainmenu li a a .fa { display: none; }
	.mobilemenu #mainmenu li a:hover a { color: #009ac4; }
	.mobilemenu #mainmenu li:hover { color: #009ac4; }
	.mobilemenu #mainmenu li:last-child { border: 0px; }
	.mobilemenu #mainmenu li ul { position: relative; top: 0px; left: 0px; border: 0px; width: 100%; background: none; }
	.mobilemenu #mainmenu li li { border-top: 1px solid #fff; text-align: left; float: left; width: 100%; border-bottom: 0px; }
	.mobilemenu #mainmenu li li:last-child { border-top: 1px solid #fff; }
	.mobilemenu #mainmenu li li a { padding: 5px 20px 5px 40px; color: #fff!important; background: none!important; line-height: 24px; }
	.mobilemenu #mainmenu li li a:hover { color: #009ac4!important; background: #fff!important; }
	

	/* <<< Banner Section >>> */
	.Banner_sec { background: url(../images/banner.jpg) center no-repeat; background-size: cover; position: relative; }
	.Banner_sec .overlay { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); }
	.Banner_sec h1 { font-size: 62px; color: #fff; font-weight: 600; text-transform: uppercase; margin: 0; padding-bottom: 72px; text-shadow: rgba(0, 0, 0, 0.5) 1px 0 10px; }
	.Banner_sec .text { padding: 130px 15px 140px; }
	.Banner_sec .text ul { list-style: none; margin: 0; }
	.Banner_sec .text li { float: left; margin: 0; padding-right: 15px; }
	.Banner_sec .text li a { display: inline-block; }
	.Banner_sec .text li:last-child { padding-right: 0; }
	.Banner_sec img.mobile { position: absolute; top: 45px; right: 230px; }
	
	.innerbanner { background: url(../images/ask.jpg) center fixed no-repeat; background-size: cover; }
	.innerbanner.privacy { background: url(../images/privacy-policy.jpg) center fixed no-repeat; background-size: cover; }
	.innerbanner.contact { background: url(../images/banner-contact.jpg) center fixed no-repeat; background-size: cover; }
	.innerbanner.terms { background: url(../images/banner-term.jpg) center fixed no-repeat; background-size: cover; }
	.innerbanner .overlay { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); padding: 100px 0; }
	.innerbanner h2 { font-size: 70px; margin: 0; font-weight: 700; color: #fff; letter-spacing: 2.2px; text-shadow: rgba(225, 225, 225, 0.9) 1px 0 10px; text-transform: uppercase; }

	/* <<< Privacy Side >>> */
	.Privacyside { padding: 50px 0; }
	.Privacyside ul { list-style: none; margin: 0; }
	.Privacyside li { margin: 0; padding: 20px 0; }
	.Privacyside li h4 { font-size: 26px; color: #714329; font-weight: 700; margin: 0; }
	.Privacyside li p { font-size: 18px; color: #000; }
	.Privacyside li:last-child { padding-bottom: 0; }

	/* <<< FAQ Side >>> */
	.Faqside { padding: 50px 0; }
	.Faqside ul { list-style: none; margin: 0; }
	.Faqside li { margin: 0; padding: 20px 0; }
	.Faqside li h4 { font-size: 26px; color: #714329; font-weight: 700; margin: 0; }
	.Faqside li p { font-size: 18px; color: #000; }
	.Faqside li:last-child { padding-bottom: 0; }

	/* <<< Terms Side >>> */
	.Termsside { padding: 50px 0; }
	.Termsside ul { list-style: none; margin: 0; padding-left: 30px; }
	.Termsside li { margin: 0; padding: 20px 0; }
	.Termsside h4 { font-size: 26px; color: #714329; font-weight: 700; margin: 0; }
	.Termsside p { font-size: 18px; color: #000; }
	.Termsside li:last-child { padding-bottom: 0; }

	/* <<< Contact Side >>> */
	.Contactside { padding: 50px 0; }
	.Contactside .text h3 { font-size: 25px; color: #714329; margin: 0 0 30px; font-weight: 700; padding-bottom: 15px; position: relative; letter-spacing: 1.2px; }
	.Contactside .text h3:before { position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background: #714329; content: ""; border-radius: 30px; }
	.Contactside .text ul { list-style: none; margin: 0 }
	.Contactside .text li { margin: 0; padding-bottom: 20px; }
	.Contactside .text li span { font-size: 20px; font-weight: 500; color: #714329; }
	.Contactside .text li h4 { font-size: 18px; font-weight: 500; color: #ca9b50; margin: 0; padding-top: 7px; }
	.Contactside .text li:last-child { padding-bottom: 0; }
	.Contactside .form h3 { font-size: 25px; color: #714329; margin: 0 0 30px; font-weight: 700; padding-bottom: 15px; position: relative; letter-spacing: 1.2px; }
	.Contactside .form h3:before { position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background: #714329; content: ""; border-radius: 30px; }
	.Contactside .form input { width: 100%; border: 1px solid #dedede; }
	.Contactside .form button.send-btn { width: 100%; color: #fff; background: #714329; border: none; text-transform: uppercase; font-weight: 700; }
	.Contactside .form button.send-btn:hover { background: #ca9b50; }

	
	/* <<< Environment Side >>> */
	.Environmentside { padding: 120px 0 0; overflow: hidden; background: url(../images/doot-01.png) top 88px left no-repeat, url(../images/doot-02.png) bottom 120px right 65px no-repeat;}	
	.Environmentside h2 { font-size: 45px; color: #714329; margin: 0; text-transform: uppercase; font-weight: 700; text-align: center; }


	/* <<< About Side >>> */
	.Aboutside { padding-bottom: 86px; overflow: hidden; background: url(../images/about-bg.jpg) center no-repeat; background-size: cover; }	
	.Aboutside .img { padding-top: 176px; }
	.Aboutside .text { width: 70%; float: right; text-align:  right; }
	.Aboutside h2 { font-size: 45px; color: #714329; margin: 0; text-transform: uppercase; font-weight: 700; padding: 120px 0 53px; }
	.Aboutside p { font-size: 16px; font-weight: 500; color: #1a1a19; margin: 0; padding-left: 69px; line-height: 30px; font-family: 'Open Sans', sans-serif; }
	

	/* <<< Feature Side >>> */
	.Featureside { background: url(../images/feature-bg.jpg) center fixed no-repeat; background-size: cover; }
	.Featureside .overlay { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.9); padding-bottom: 60px; }
	.Featureside .left { padding-top: 267px; padding-right: 35px; }
	.Featureside .left h3 { font-size: 45px; color: #fff; margin: 0; text-transform: uppercase; padding-bottom: 44px; font-weight: 700; }
	.Featureside .left p { font-size: 16px; color: #fff; margin: 0; padding-bottom: 47px; }
	.Featureside .right { padding-top: 117px; }
	.Featureside .right ul { list-style: none; margin: 0; }
	.Featureside .right li { float: left; width: 42%; margin: 0 60px 60px 0; padding: 86px 18px 86px 50px; background-image: linear-gradient(to bottom, #452015, #663923, #865430, #a5723e, #c3934c); }
	.Featureside .right li img { height: 47px; }
	.Featureside .right li h3 { font-size: 24px; color: #fff; margin: 0; text-transform: uppercase; font-weight: 400; padding: 40px 0; line-height: 40px; letter-spacing: 1.5px; }
	.Featureside .right li h3 span { display: block; font-weight: 700; }
	.Featureside .right li p { font-size: 16px; color: #fff; margin: 0; }
	.Featureside .right li:nth-child(2n+2) { margin-right: 0; }


	/* <<< Testimonial Side >>> */
	.Testimonialside { padding: 80px 0; text-align: center; background: url(../images/test-bg.jpg) center no-repeat; background-size: cover; }
	.Testimonialside h2 { font-size: 45px; color: #714329; margin: 0; text-transform: uppercase; font-weight: 700; padding-bottom: 74px; }
	.Testimonialside p { font-size: 25px; color: #252525; margin: 0; line-height: 42px; padding: 0 62px; }
	.Testimonialside .owl-carousel .owl-controls .owl-nav { display: none; }
	.Testimonialside .owl-theme .owl-controls { position: relative; margin-top: 70px; }
	.Testimonialside .owl-theme .owl-controls:before { position: absolute; top: -38px; left: 50%; content: ""; height: 4px; width: 166px; background: #fff; margin-left: -83px; }
	.Testimonialside .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #fff !important; border: none; }
	.Testimonialside .owl-theme .owl-dots .owl-dot span { background: none; border: solid 2px #000; }
	

	/* <<< Workt Side >>> */
	.Worktside { padding: 80px 0; text-align: center; }
	.Worktside h2 { font-size: 45px; color: #714329; margin: 0; text-transform: uppercase; font-weight: 700; padding-bottom: 74px; }
	.Worktside ul { list-style: none; margin: 0; }
	.Worktside li { display: inline-block; margin: 0; width: 24%; border-right: solid 2px #cb9b51; }
	.Worktside li img { display: inline-block; margin-top: 35px; }
	.Worktside li h3 { font-size: 20px; color: #1e1e1e; padding: 34px 0 44px; margin: 0; font-weight: 500; }
	.Worktside li:last-child { border: none; }

	/* <<< Newsletter Side >>> */
	.Newsletterside { padding: 77px 0 61px; background: #ca9b50;}
	.Newsletterside .single { max-width: 650px; margin: 0 auto; text-align: center; position: relative; z-index: 2; }
	.Newsletterside .single h2 { font-size: 45px; color: #fff; margin: 0; text-transform: uppercase; font-weight: 500; padding-bottom: 33px; letter-spacing: 1.2px; }
	.Newsletterside .single .form-control { height: 42px; background: #fff; color: #000; border-radius: 20px 0 0 20px; }
	.Newsletterside .single .form-control:focus { box-shadow: none; }
	.Newsletterside .single .btn { min-height: 42px; border-radius: 0 20px 20px 0; background: #714329; color: #fff; width: 144px; text-transform: uppercase; font-size: 15px; font-weight: 500; }
	.Newsletterside .single .form-control::-webkit-input-placeholder { color: #8d8c8c; }
	.Newsletterside .single .form-control:-moz-placeholder { color: #8d8c8c; }
	.Newsletterside .single .form-control::-moz-placeholder { color: #8d8c8c; opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */ }
	.Newsletterside .single .form-control:-ms-input-placeholder { color: #8d8c8c; }


	/* <<< footer >>> */
	footer { background: #452015; padding-bottom: 42px; }
	footer .left { padding-top: 109px; }
	footer .footermenu ul { list-style: none; margin: 0; }
	footer .footermenu li { float: left; margin: 0; font-size: 13px; font-weight: 600; text-transform: uppercase; padding-right: 30px; letter-spacing: 1.2px; }
	footer .footermenu li a { color: #fff; padding-bottom: 5px; }
	footer .footermenu li a:hover { color: #fff; border-bottom: solid 2px #ca9b50; }
	footer .footermenu li:last-child { padding-right: 0; }
	footer .social { padding-top: 30px; }
	footer .social ul { list-style: none; margin: 0; }
	footer .social li { float: left; margin: 0; text-align:  center; padding-right: 8px; }
	footer .social li a { display: inline-bloc; background: #fff; display: inline-block; width: 34px; height: 34px; border-radius: 50%; }
	footer .social li a span .fa { line-height: 35px; font-size: 15px; color: #452015; }
	footer .social li:last-child { padding-right: 0; }
	footer .mid { padding-top: 39px; }
	footer .right { text-align:  right; padding-top: 85px; }
	footer .right ul { list-style: none; margin: 0; }
	footer .right li { float: left; margin: 0 14px 0 79px; width: 40%; }
	footer .right li a { display: inline-block; } 
	footer .right li:last-child { margin: 0; }
	footer .right p { font-size: 15px; color: #ca9b50; margin: 0; padding-top: 40px; }



.grid { list-style: none; margin-left: -40px; }
.gc { box-sizing: border-box; display: inline-block; margin-right: -.25em; min-height: 1px; vertical-align: top; }
.gc--1-of-3 { width: 33.33333%; padding-top: 104px; }
.gc--2-of-3 { width: 380px; margin-left: 70px; }
.naccs { position: relative; max-width: 833px; margin: 10px auto 0; }
.naccs .gc--1-of-3 em { display: inline-block; padding-right: 43px; vertical-align: middle; }
.naccs .gc--1-of-3 em .fa { font-size: 40px; }
.naccs .menu div { margin-bottom: 65px; color: #9fa9a9; background: $second-color; cursor: pointer; font-size: 20px; position: relative; vertical-align: middle; font-weight: 500;
 transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1); }
.naccs .menu div.active { color: #714329; }
ul.nacc { position: relative; height: 0px; list-style: none; margin: 0; padding: 0; transition: .5s all cubic-bezier(0.075, 0.82, 0.165, 1); }
ul.nacc li { opacity: 0; transform: translateX(0); height: 100%; list-style: none; transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1); margin:0; width: 100%; }
ul.nacc li.active { transition-delay: .3s; z-index: 2; opacity: 1; transform: translateX(0px); }
ul.nacc li p { margin: 0; }


[data-ca3_icon]::before { font-weight: normal; content: attr(data-ca3_icon); }
.ca3-scroll-down-arrow { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2hldnJvbl90aGluX2Rvd24iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiBmaWxsPSJ3aGl0ZSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTE3LjQxOCw2LjEwOWMwLjI3Mi0wLjI2OCwwLjcwOS0wLjI2OCwwLjk3OSwwYzAuMjcsMC4yNjgsMC4yNzEsMC43MDEsMCwwLjk2OWwtNy45MDgsNy44M2MtMC4yNywwLjI2OC0wLjcwNywwLjI2OC0wLjk3OSwwbC03LjkwOC03LjgzYy0wLjI3LTAuMjY4LTAuMjctMC43MDEsMC0wLjk2OWMwLjI3MS0wLjI2OCwwLjcwOS0wLjI2OCwwLjk3OSwwTDEwLDEzLjI1TDE3LjQxOCw2LjEwOXoiLz48L3N2Zz4=);
background-size: contain; background-repeat: no-repeat; }
.ca3-scroll-down-link { cursor:pointer; height: 60px; width: 80px; margin: 0px 0 0 -40px; line-height: 60px; position: absolute; left: 50%;	bottom: 10px; color: #FFF; text-align: center;
font-size: 70px; z-index: 100; text-decoration: none; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4); -webkit-animation: ca3_fade_move_down 2s ease-in-out infinite; -moz-animation:    ca3_fade_move_down 2s ease-in-out infinite; animation: ca3_fade_move_down 2s ease-in-out infinite; }


/*animated scroll arrow animation*/
@-webkit-keyframes ca3_fade_move_down {
  0%   { -webkit-transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -webkit-transform:translate(0,20px); opacity: 0; }
}
@-moz-keyframes ca3_fade_move_down {
  0%   { -moz-transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -moz-transform:translate(0,20px); opacity: 0; }
}
@keyframes ca3_fade_move_down {
  0%   { transform:translate(0,-20px); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { transform:translate(0,20px); opacity: 0; }
}






.social-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.social-wrapper i {
    padding: 0px 10px;
    color: #714329;
    cursor: pointer;
    transition: all ease-in-out 150ms;
    text-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
}

.social-wrapper i:hover {
    margin-top: -10px;  
    transform: translate(0, -8);
}

#facebook:hover {
    color: #4867AA;
    text-shadow: 0px 16px 10px rgba(36, 101, 135, 0.3);
}

#twitter:hover {
    color: #1DA1F2;
    text-shadow: 0px 16px 10px rgba(29, 202, 255, 0.3);
}

#instagram:hover {
    color: #8a3ab9;
    text-shadow: 0px 16px 10px rgba(233, 89, 80, 0.3);
}

#codepen:hover {
    color: #190811;
    text-shadow: 0px 16px 10px rgba(25, 8, 17, 0.3);
}

#linkedin:hover {
    color: #0077B5;
    text-shadow: 0px 16px 10px rgba(0, 160, 220, 0.3);
}

#meetup:hover {
    color: #e51937;
    text-shadow: 0px 16px 10px rgba(236, 81, 104, 0.3);
}

#fcc:hover {
    color: #006400;
    text-shadow: 0px 16px 10px rgba(0, 126, 0, 0.3);
}

#github:hover {
    color: #c9510c;
    text-shadow: 0px 16px 10px rgba(189, 44, 0, 0.3);
}

#twitch:hover {
    color: #6441A4;
    text-shadow: 0px 16px 10px rgba(100, 65, 164, 0.3);
}

#email:hover {
    color: #dd4b39;
    text-shadow: 0px 16px 10px rgba(221, 75, 57, 0.3);
}