/* *********************  Footers   ********************* */

.footer-wrapper {
    background-color: #303236;
    color: #d8dade;
    position: relative;
    padding: 60px 0 40px;
}
.footer-widget {
    margin-bottom: 50px;

}

@media (max-width: 991px) {
	.footer-widget {
	    margin-bottom: 60px;
	}
}


/* Footer title */
.footer-title {
    font-family: "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 15px;
    text-transform: uppercase;
    line-height: 18px;
    margin-bottom: 30px;
    color: #d8dade;
    letter-spacing: 1px;
    padding: 0 0 0 15px;
    border-left: 2px solid #ff0000f7;
}


/* Social icons - footer */
.footer-social {
    margin: 0;
    padding: 0;
    list-style: none;
}
.footer-social > li {
    margin-right: 33px;
    display: inline-block;
}
.footer-social > li:last-child {
    margin-right: 0;
}
.footer-social > li > a {
    color: inherit;
    padding-top: 15px;
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.footer-social > li > a > .icon {
    color: inherit;
    opacity: 0.9;
    font-size: 14px;
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.footer-social > li > a:hover > .icon,
.footer-social > li > a:focus > .icon {
    color: #ff0000f7;
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}




/* Footer links */
.footer-links {
    margin: 0;
    padding: 0;
}
.footer-links > li {
    margin: 0 20px 15px 0;
    display: inline-block;
    list-style: none;
}
.footer-links > li:last-child {
	margin-right: 0;
}
.footer-links > li > a {
    font-size: 12px;
    color: #d0d3d8;
    -webkit-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
}
.footer-links > li > a:hover,
.footer-links > li > a:focus,
.footer-links > li > a:active {
    color: #ff0000f7;
    -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}

.footer-links.footer-links-2 > li {
	display: block;
	margin:0 0 5px 0;
}
.footer-links.footer-links-2 > li > a,
.footer-links.archives > li > a {
	font-size: 14px;
}
.footer-links.footer-links-2 > li > a .icon,
.footer-links.archives > li > a .icon {
	margin-right:10px;
	font-size:10px;
	color: #ff0000f7;
}

.footer-links.archives > li {
	display: block;
	margin:0 0 8px 0;
}
.footer-links.archives > li > a span {
	margin-left: 10px;
	font-size: 13px;
	opacity: 0.8;
}

/* Tags */
.tags.footer-tags a {
	color: inherit;
}
.tags.footer-tags a:hover {
	color: #ff0000f7;
}

/* Twitter Feed */
.footer-tweet .tweet-content {
    color: inherit;
}
.footer-tweet.sidebar-tweet small {
    color: inherit;
    opacity: 0.7;
}
.footer-tweet.sidebar-tweet .icon {
    color: #808389;
    font-size: 90px;
    opacity: 0.2;
}

/* Footer Posts */
.footer-posts .sidebar-post {
    margin-bottom: 18px;
}
.footer-posts .sidebar-post a {
    color: #d8dade;
}
.footer-posts .sidebar-post .info-post span {
    color: inherit;
    opacity:0.7;
}


/* Footer Socials from Sidebar */
.footer-socials.sidebar-socials a {
    color: inherit;
}
.footer-socials.sidebar-socials a:hover,
.footer-socials.sidebar-socials a:focus {
    color: #ff0000f7;
}
.footer-socials.sidebar-socials > li span {
    color: inherit;
    opacity:0.8;
}


/* Copyright */
.copyright {
    font-size: 12px;
    color: #d0d3d8;
    padding-top:2px;
    margin-bottom: 10px;
}
@media (max-width:767px) {
	.copyright {
		margin-top:10px;
	}
}


/* Contact widget */
.contact-widget {
    font-family: "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
}
.contact-widget p {
    margin-bottom: 25px;
}
.contact-widget .icon {
    color: #ff0000f7;
    margin-right: 15px;
}


/* Contact widget 2 */
.list-2.footer-contact li {
	margin-bottom: 0;
}
.list-2.footer-contact li.separator {
	margin:12px 0;
}

/* Image Feed */
.image-feed {
	margin-right: 0;
	padding: 0;
	list-style: none;
}
.image-feed > li {
	display: inline-block;
	padding:0 5px 8px 0;
}
.image-feed > li img {
	width: 70px;
	height: 65px;
	border-radius: 1px;
}


/* Color Dark on Footer */
.footer-color-dark,
.footer-color-dark .footer-posts .sidebar-post a {
	color: #606369;
}
.footer-color-dark .footer-posts .sidebar-post a:hover {
	color: #ff0000f7;
}
.footer-wrapper.footer-color-dark .footer-title,
.footer-wrapper.footer-color-dark .footer-links > li > a,
.footer-wrapper.footer-color-dark .copyright {
    color: inherit;
}
.footer-wrapper.footer-color-dark .footer-social > li > a > .icon {
    color: #a2a6aa;
}


/* Footer Gray */
.footer-wrapper.footer-gray {
    background-color: #f1f2f2;
    border-top: 1px solid #ddd;
}

/* Footer no background */
.footer-wrapper.footer-no-background {
    background-color: transparent;
    color: #606369;
    border-top:1px solid #eee;
}

/* Footer Background */
.footer-wrapper.footer-background {
	position: relative;
	padding: 80px 0 55px;
}
.footer-wrapper.footer-background.style-2 {
	padding: 70px 0 0;
}
.footer-wrapper.footer-background.style-2 .sub-footer {
	margin-top:10px;
	padding:25px 0 10px;
	background-color: rgba(41,44,49,0.6)
}

/* Sub footer */
.footer-2 {
	padding:60px 0 0;
}
.footer-2 .sub-footer {
	background-color: #2a2c2e;
	padding:20px 0 5px;
	margin-top:10px;
}
.footer-3 {
	padding:60px 0 0;
}
.footer-3 .sub-footer {
	background-color: #f5f5f5;
	padding:20px 0 5px;
	margin-top:10px;
	color: #505359;
}
.footer-3 .sub-footer * {
	color: inherit;
}



/* *********************  Social Icons  ********************* */

.social-icon {
    padding: 0;
    margin: 0;
    font-size: 0;
    height: 30px;
    list-style: none;
}
.social-icon > li {
    display: inline-block;
    margin-right: 8px;
}
.social-icon > li:last-child {
    margin-right: 0;
}
.social-icon > li > a {
    display: table;
}
.social-icon .icon {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    width: 30px;
    height: 30px !important;
    line-height: 1;
    font-size: 14px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    color: #999a9e;
    background: none;
}
.social-icon a:hover .icon {
    background-color: transparent;
    color: #ff0000f7;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
.social-icon.social-light .icon {
    color: #b3b6ba;
}
.social-icon.social-bg .icon {
    background-color: #ff0000f7;
    color: #fff;
}
.social-icon.social-bg > li > a:hover .icon {
    background-color: #ff0000f7;
    color: #fff;
    opacity: 0.6;
}
.social-icon.circle .icon {
    border-radius: 50%;
}
.social-icon.rounded .icon {
    border-radius: 3px;
}
.social-icon.simple .icon {
    color: #778;
    background-color: transparent;
}
.social-icon.simple > li > a:hover .icon {
    background-color: transparent;
    color: #ff0000f7;
    border: none;
}



/* *********************  Animations    ********************* */

/* fade */
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        -ms-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}


/* Appear animations */
.animated {
    opacity: 0;
}
.animated.on {
    opacity: 1;
}



/* *********************  Animsition loading    ********************* */

.animsition,
.animsition-overlay {
  position: relative;
  opacity: 0;
  -webkit-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
}
.animsition-loading {
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23ccc%22%3E%0A%20%20%3Cpath%20opacity%3D%22.25%22%20d%3D%22M16%200%20A16%2016%200%200%200%2016%2032%20A16%2016%200%200%200%2016%200%20M16%204%20A12%2012%200%200%201%2016%2028%20A12%2012%200%200%201%2016%204%22/%3E%0A%20%20%3Cpath%20d%3D%22M16%200%20A16%2016%200%200%201%2032%2016%20L28%2016%20A12%2012%200%200%200%2016%204z%22%3E%0A%20%20%20%20%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20from%3D%220%2016%2016%22%20to%3D%22360%2016%2016%22%20dur%3D%220.8s%22%20repeatCount%3D%22indefinite%22%20/%3E%0A%20%20%3C/path%3E%0A%3C/svg%3E%0A%0A) center center no-repeat;
  -webkit-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
}
.animsition-loading:after {
  position: fixed;
  top: 50%;
  width: 100%;
  margin-top: 20px;
  font-size: 16px;
  color: #aaacae;
  text-align: center;
  content: "Loading";
}
.animsition-overlay-slide {
  position: fixed;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: #ddd;
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fade-in {
  -webkit-animation-name: fade-in;
          animation-name: fade-in;
}
@-webkit-keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fade-out {
  -webkit-animation-name: fade-out;
          animation-name: fade-out;
}
@-webkit-keyframes fade-in-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(500px);
            transform: translateY(500px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes fade-in-up {
  0% {
    opacity: 0;
    -webkit-transform: translateY(500px);
            transform: translateY(500px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}


/* *********************  Updates    ********************* */

/* Update v1.0.1 */
.form-subscribe .form-control {
	height: 42px;
	background-color: #eaebf0;
}
.g-recaptcha iframe {
	height:78px;
}

/* Update v1.1.0 */
/* Changed in update v1.3.0 */
.menu-badge {
    color: rgba(252,200,19,0.9) !important;
    font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: 400;
    margin-left: 10px;
}

/* Update v1.2.0 */
/* Working widgets */

/* Twitter Feed */
.twitter-feed ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.twitter-feed ul > li {
	margin-bottom:40px;
	border-bottom: 1px solid #eaebee;
}
.twitter-feed ul > li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
.twitter-feed a {
	color: #505259;
}
.twitter-feed a:hover,
.twitter-feed a:focus,
.twitter-feed a:active {
	color: #202329;
}
.twitter-feed .tweet-section a {
	color: rgba(255,255,255,0.7);
}
.twitter-feed .tweet-section a:hover,
.twitter-feed .tweet-section a:focus,
.twitter-feed .tweet-section a:active {
	color: rgba(255,255,255,1);
}

.tweet-section {
	padding: 30px 20px 5px;
}

/* Flickr Feed */
.flickr-carousel img {
	width:100%;
	height:320px;
}


/* Mailchimp form */
.form-mailchimp button,
.form-mailchimp .form-control {
	height:42px;
}


/* v1.3.0 */
/* Megamenu and Submenu font style */
.submenu,
.megamenu {
    text-transform: capitalize;
    font-size: 10px;
    letter-spacing: 0.5px;
}
.vertical-menu-list.onepage-list {
	padding: 0;
}
.vertical-menu-list.onepage-list > li > a {
	font-family: "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #d0d4d8;
    font-weight: 400;
    letter-spacing: 1.5px;
    font-size: 10px;
    margin-bottom:10px;
}

.vertical-menu-list.onepage-list > li > a:hover,
.vertical-menu-list.onepage-list > li > a:focus,
.vertical-menu-list.onepage-list > li.current > a {
	color: #ff0000f7;
}


/* Body large boxed */
@media (min-width:992px) {
	.large-boxed {
		padding: 40px;
		background-color: #e5e6e7;
	}
	.large-boxed #wrapper {
		background-color: #f5f5f5;
		box-shadow: 2px 2px 15px rgba(0,0,0,0.5);
	}
	.large-boxed .menu-fixed .main-header,
	.large-boxed .header-transparent .main-header {
        width:calc(100% - 80px);
        left:auto;
        margin:0 auto;
    }
}

/* *********************  Demo  ********************* */

/* Colpick plugin styles */
.colpick,.colpick_full_ns .colpick_current_color,.colpick_full_ns .colpick_submit,.colpick_hex .colpick_hsb_b,.colpick_hex .colpick_hsb_h,.colpick_hex .colpick_hsb_s,.colpick_hex .colpick_rgb_b,.colpick_hex .colpick_rgb_g,.colpick_hex .colpick_rgb_r,.colpick_hex_ns .colpick_current_color,.colpick_hex_ns .colpick_submit,.colpick_rgbhex .colpick_hsb_b,.colpick_rgbhex .colpick_hsb_h,.colpick_rgbhex .colpick_hsb_s,.colpick_rgbhex_ns .colpick_current_color,.colpick_rgbhex_ns .colpick_submit{display:none}.colpick{position:absolute;width:346px;height:170px;overflow:hidden;font-family:Arial,Helvetica,sans-serif;background:#ebebeb;border:1px solid #bbb;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.colpick_color{position:absolute;left:7px;top:7px;width:156px;height:156px;overflow:hidden;outline:#aaa solid 1px;cursor:crosshair}.colpick_color_overlay1,.colpick_color_overlay2{position:absolute;left:0;top:0;width:156px;height:156px}.colpick_color_overlay1{-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff')";background:-moz-linear-gradient(left,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0)));background:-webkit-linear-gradient(left,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%);background:-o-linear-gradient(left,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%);background:-ms-linear-gradient(left,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%);background:linear-gradient(to right,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#ffffff', endColorstr='#00ffffff')}.colpick_color_overlay2{-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00000000', endColorstr='#000000')";background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,1)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0 )}.colpick_selector_outer{background:0 0;position:absolute;width:11px;height:11px;margin:-6px 0 0 -6px;border:1px solid #000;border-radius:50%}.colpick_selector_inner{position:absolute;width:9px;height:9px;border:1px solid #fff;border-radius:50%}.colpick_hue{position:absolute;top:6px;left:175px;width:19px;height:156px;border:1px solid #aaa;cursor:n-resize}.colpick_hue_arrs{position:absolute;left:-8px;width:35px;height:7px;margin:-7px 0 0}.colpick_hue_larr,.colpick_hue_rarr{width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent}.colpick_hue_larr{position:absolute;border-left:7px solid #858585}.colpick_hue_rarr{position:absolute;right:0;border-right:7px solid #858585}.colpick_current_color,.colpick_new_color{position:absolute;top:6px;height:27px;background:red;border:1px solid #8f8f8f}.colpick_new_color{left:207px;width:60px}.colpick_current_color{left:277px;width:60px}.colpick_field,.colpick_hex_field{position:absolute;height:20px;width:60px;overflow:hidden;background:#f3f3f3;color:#b8b8b8;font-size:12px;border:1px solid #bdbdbd;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.colpick_rgb_r{top:40px;left:207px}.colpick_rgb_g{top:67px;left:207px}.colpick_rgb_b{top:94px;left:207px}.colpick_hsb_h{top:40px;left:277px}.colpick_hsb_s{top:67px;left:277px}.colpick_hsb_b{top:94px;left:277px}.colpick_hex_field{width:68px;left:207px;top:121px}.colpick_focus{border-color:#999}.colpick_field_letter{position:absolute;width:12px;height:20px;line-height:20px;padding-left:4px;background:#efefef;border-right:1px solid #bdbdbd;font-weight:700;color:#777}.colpick_field input,.colpick_hex_field input{position:absolute;right:11px;margin:0;padding:0;height:20px;line-height:20px;background:0 0;border:none;font-size:12px;font-family:Arial,Helvetica,sans-serif;color:#555;text-align:right;outline:0}.colpick_hex_field input{right:4px}.colpick_field_arrs{position:absolute;top:0;right:0;width:9px;height:21px;cursor:n-resize}.colpick_field_darr,.colpick_field_uarr{position:absolute;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent}.colpick_field_uarr{top:5px;border-bottom:4px solid #959595}.colpick_field_darr{bottom:5px;border-top:4px solid #959595}.colpick_submit{position:absolute;left:207px;top:149px;width:130px;height:22px;line-height:22px;background:#efefef;text-align:center;color:#555;font-size:12px;font-weight:700;border:1px solid #bdbdbd;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.colpick_hex .colpick_hex_field div,.colpick_hex .colpick_hex_field input,.colpick_hex .colpick_submit{height:25px;line-height:25px}.colpick_submit:hover{background:#f3f3f3;border-color:#999;cursor:pointer}.colpick_full_ns .colpick_new_color{width:130px;height:25px}.colpick_full_ns .colpick_hsb_h,.colpick_full_ns .colpick_rgb_r{top:42px}.colpick_full_ns .colpick_hsb_s,.colpick_full_ns .colpick_rgb_g{top:73px}.colpick_full_ns .colpick_hsb_b,.colpick_full_ns .colpick_rgb_b{top:104px}.colpick_full_ns .colpick_hex_field{top:135px}.colpick_rgbhex{width:282px}.colpick_rgbhex .colpick_field,.colpick_rgbhex .colpick_submit{width:68px}.colpick_rgbhex .colpick_new_color{width:34px;border-right:none}.colpick_rgbhex .colpick_current_color{width:34px;left:240px;border-left:none}.colpick_rgbhex_ns .colpick_new_color{width:68px;border:1px solid #8f8f8f}.colpick_rgbhex_ns .colpick_rgb_r{top:42px}.colpick_rgbhex_ns .colpick_rgb_g{top:73px}.colpick_rgbhex_ns .colpick_rgb_b{top:104px}.colpick_rgbhex_ns .colpick_hex_field{top:135px}.colpick_hex{width:206px;height:201px}.colpick_hex .colpick_hex_field{width:72px;height:25px;top:168px;left:80px}.colpick_hex .colpick_new_color{left:9px;top:168px;width:30px;border-right:none}.colpick_hex .colpick_current_color{left:39px;top:168px;width:30px;border-left:none}.colpick_hex .colpick_submit{left:164px;top:168px;width:30px}.colpick_hex_ns .colpick_hex_field{width:80px}.colpick_hex_ns .colpick_new_color{width:60px;border:1px solid #8f8f8f}.colpick_dark{background:#161616;border-color:#2a2a2a}.colpick_dark .colpick_color{outline-color:#333}.colpick_dark .colpick_hue{border-color:#555}.colpick_dark .colpick_field,.colpick_dark .colpick_hex_field{background:#101010;border-color:#2d2d2d}.colpick_dark .colpick_field_letter{background:#131313;border-color:#2d2d2d;color:#696969}.colpick_dark .colpick_field input,.colpick_dark .colpick_hex_field input{color:#7a7a7a}.colpick_dark .colpick_field_uarr{border-bottom-color:#696969}.colpick_dark .colpick_field_darr{border-top-color:#696969}.colpick_dark .colpick_focus{border-color:#444}.colpick_dark .colpick_submit{background:#131313;border-color:#2d2d2d;color:#7a7a7a}.colpick_dark .colpick_submit:hover{background-color:#101010;border-color:#444}

/* Grid settings columns */
.grid-settings,
#purchase-template,
#template-options-wrapper,
.template-options-btn {
	display: none;
}
@media (min-width:992px) {
	.template-options-btn {
		display: block;
		position: fixed;
		top: 200px;
		right: 0;
		color: #fff;
		background-color: #303338;
		padding:8px 13px 6px 14px;
		z-index:9999999;
		border-radius: 4px 0 0 4px;
	}
	.grid-settings {
		display: block;
	    position: fixed;
	    left: 50px;
	    bottom:0;
	    opacity:0;
	    z-index:-1;
	    background-color: rgb(41,44,49);
	    color: #d8dade;
	    border-radius: 5px;
	    width: 400px;
	    margin: 0 auto;
	    padding: 50px;
	    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
	    -webkit-transition:all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	.grid-settings.on {
		opacity:1;
		bottom:50px;
		z-index: 999999;
		-webkit-transition:all 0.4s ease-out;
		transition: all 0.4s ease-out;
	}
	.grid-settings .title {
	    color: inherit;
	    font-size: 16px;
	}
	.grid-settings .close-grid-settings {
	    position: absolute;
	    top: 15px;
	    right: 15px;
	    color: #ff0000f7;
	    font-size: 20px;
	}
	.grid-settings-columns a,
	.grid-settings-paddings a {
	    margin-right: 15px;
	    font-size: 15px;
	    color: #ff0000f7;
	}


	/* Purchase button */
	#purchase-template {
		display:block;
		position: fixed;
		bottom: 80px;
		right: 0;
		z-index: 99999;
		padding: 5px 12px;
		background: rgba(150, 39, 65,0.9);
		color: #fff;
		text-align: center;
		font-family: "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 10px;
		text-transform: uppercase;
		letter-spacing: 1px;
		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    	border-radius:2px 0 0 2px;
	}
	#purchase-template:hover {
		background: rgb(150,39,65);
		color:#fff;
	}


	/* Template Options */
	#template-options-wrapper {
		display: block;
		position: fixed;
		bottom:0;
		left:0;
		width:100%;
		z-index: -1;
		opacity:0;
		-webkit-transition:all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	#template-options {
		position: relative;
		width:600px;
		margin:0 auto;
		background-color: rgb(41,44,49);
		color: #c3c6ca;
		padding:40px;
		border-radius:2px;
		box-shadow: 3px 6px 16px rgba(0,0,0,0.3);
	}
	#template-options-wrapper.on {
		z-index:99997;
		opacity:1;
		bottom:75px;
		-webkit-transition:all 0.4s ease-out;
		transition: all 0.4s ease-out;
	}
	#template-options .color-inherit {
		color: inherit;
	}
	#template-options-close {
		position: absolute;
		top:15px;
		right:15px;
		color: #ff0000f7;
		font-size:20px;
	}
	#template-options-close:hover,
	#template-options-close:focus,
	#template-options-close:active {
		color: #ff0000f7;
	}
	.options-list {
	    list-style: none;
	    margin: 0;
	    padding: 0;
	}
	.options-list > li {
	    display: inline-block;
	    margin-right: 10px;
	}
	.options-list > li > a {
	    width: 22px;
	    height: 22px;
	    display: block;
	    background: #555;
	    border-radius:50%;
	    -webkit-transition:all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	.options-list > li > a:hover {
		-webkit-transition:all 0.2s ease-out;
		transition: all 0.2s ease-out;
	    box-shadow: 2px 2px 10px #000;
	}

	.btn-template-options {
		display: inline-block;
		font-family: "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 10px;
		text-transform: uppercase;
		letter-spacing: 1px;
		color:rgba(252,200,19,0.8);
		padding: 0;
		margin-right:20px;
		background-color: transparent;
		border:none;
		-webkit-transition:all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	.btn-template-options:hover,
	.btn-template-options:focus {
		color:#ff0000f7;
		-webkit-transition:all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}

	#picker {
		display: inline-block;
		cursor: pointer;
	}
	.colpick {
		z-index:999999999999;
	}
}

/* footer responsive */





@media (max-width: 767px) {
  .col-sm-6 {
    width: 100%;
    float: none;
  }
  .col-sm-pull-6,
  .col-md-pull-6 {
    right: 0;
  }
  .clearfix {
    display: block;
    clear: both;
  }
  .pull-right,
  .xs-pull-left {
    float: right;
  }
  .footer-links {
    text-align: center;
    margin: 0;
    padding: 0;
  }
  .footer-links li {
    display: inline-block;
    margin: 0;
    padding: 0;
  }
  .footer-links li a {
    display: block;
    padding: 10px 15px;
  }
}