/* ------------------------------------------------
   Table of Content
   ------------------------------------------------

   1. Global Settings
   2. Typography
   3. Buttons
   4. Theme Colors
   5. Dropdowns
   6. Alerts
   7. Labels
   8. Progress Bars
   9. Panels
   10. Pagination & Pagers
   11. Page Header
   12. Tables
   13. Modals
   14. Forms
   15. Breadcrumb
   16. Testimonial
   17. Blockquote
   18. Layouts
   19. Header
   20. Navigation
   21. Headline
   22. Cards
   23. Sections
   24. Posts
   25. Widgets
   26. Title
   27. 404
   28. Comments
   29. Carousel
   30. Countdown
   31. Thumbnails
   32. Sidebar
   33. Tabs
   34. Gallery
   35. Footer
   36. Responsive
 
/* 1. General
 ================================================================ */
 
 
body {
	background: #cfddf1; 
	font-family: "Rubik";
	font-weight: 300;
	font-size: 24px;
	line-height: 1.5;
	color: #577196;
}

a {
	color: #5196c9;
	-webkit-transition: 0.25s;
	transition: 0.25s;
}
button,
a:hover,
a:active,
a:focus { 
	color: #2776dc;
	text-decoration: none; 
	outline: 0 !important;
}
h1, 
h3,
h6 {
	color: #2889dd;
	font-family: "Rubik";
	font-weight: normal;
	margin: 0;
}

h2 { color: #2889dd;
}

h4 { color: #fff;
font-size: 24px;
font-weight: 400;
}


h5 {
	color: #428bca;
    font-weight: 400;
    font-size: 30px;
    border: 2px solid #99bddc;
    border-radius: 10px;
    background: #d9e1ed;
	text-align: center;
	padding: 10px 10px 10px 10px;
}



pre {
	padding: 25px;
	background-color: #FFF;
	border-color: #EAEAEA;

}
p {
	line-height: 1.4;
	color: #000;
	font-size: 24px;
	font-family: "rubik";
}
img {
	max-width: 100%;
	height: auto;
}



i {
	display: inline-block;
}

/* 2. Typography
 ================================================================ */
/* --- tooltip --- */
.tooltip {
	font-family: "Rubik";
}
.tooltip-inner {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 8px 10px;
	background-color: #202225;
}
.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
	border-top-color: #202225;
}
.tooltip.right .tooltip-arrow {
	border-right-color: #202225;
}
.tooltip.left .tooltip-arrow {
	border-left-color: #202225;
}
.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow {
	border-bottom-color: #202225;
}
#all_text span
{
    text-decoration:underline;
    background-color:yellow;    
}

.img-thumbnail {
	border-radius: 0;
	-webkit-border-radius: 0;
	padding: 5px;
	border-color: rgba(0,0,0, 0.1);
}

code {
	background-color: #E6F1FF;
	color: #2776dc;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	padding: 3px 6px;
}

.well {
	background-color: #f5f5f5;
	padding: 40px;
	border: 0;
	border-radius: 0;
	-webkit-border-radius: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
}

/* --- popovers --- */
.popover {
	border-color: #d4d4d4;
	-webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
	border-radius: 3px;
	-webkit-border-radius: 3px;
	font-family: "Rubik";
}
.popover-content {
	padding: 12px 20px;
}

/* --- dropcap --- */
.dropcap {
	float: left;
	font-size: 30px;
	line-height: 32px;
	font-weight: bold;
	margin: 0 8px 0 0;
}
	
/* --- lead --- */
.lead {
	font-size: 18px;
	line-height: 25px;
}

/* --- iframe --- */
iframe {
	width: 100%;
	border: 0;
}

.dropdown-menu {
	border-color: rgba(0,0,0, 0.13);
	box-shadow: 0 3px 6px 0 rgba(0,0,0, 0.08);
	-webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0, 0.08);
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus, 
.dropdown-menu > .active > a:hover {
	color: #444;
	background-color: rgba(245, 245, 245, 0.7);
}
.dropdown-menu > li > a { 
	font-size: 13px;
	padding: 7px 17px;
	color: rgba(0, 0, 0, 0.7);
}
.dropdown-menu > li > a i {
	margin-right: 5px;
	min-width: 1em;
}
	
/* 3. Buttons
 ================================================================ */
.btn {
	border: none !important;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 16px;
    -webkit-transition: 0.25s;
    transition: 0.25s;
	font-size: 24px;
}
}
.btn-lg,
.btn-group-lg > .btn {
	padding: 13px 20px;
	font-size: 21px;
}
.btn-sm,
.btn-group-sm > .btn {
	padding: 5px 10px;
}
.btn-xs,
.btn-group-xs > .btn {
	padding: 1px 5px;
}
.btn-shadow {
	box-shadow: 0 1px 3px 0px rgba(0,0,0, 0.2);
	-webkit-box-shadow: 0 1px 3px 0px rgba(0,0,0, 0.2);
}
.btn-rounded {
	border-radius: 12px !important;
	-webkit-border-radius: 12px !important;
}
.btn-default {
	color: #4A4A4A;
	border: 1px solid rgba(0,0,0, 0.1) !important;
}
.btn.btn-link {
	color: rgba(0,0,0, 0.6);
}
.btn.btn-link:hover {
	color: #2776dc;
	text-decoration: none;
}
.btn.btn-primary {
	background-color: #428bca;
	padding-left: 30px;
    padding-right: 30px;
}
.btn.btn-primary:hover,
.btn.btn-primary:active,
.open .btn.btn-primary,
.btn.btn-primary.hover {
	background-color: #5299f5 !important;
}
.btn.btn-info {
	background-color: #52BAFF;
}
.btn.btn-info:hover,
.btn.btn-info:active,
.open .btn.btn-info,
.btn.btn-info.hover {
	background-color: #93D4FF !important;
}
.btn.btn-danger {
	background-color: #e74c3c;
}
.btn.btn-danger:hover,
.btn.btn-danger:active,
.open .btn.btn-danger,
.btn.btn-danger.hover {
	background-color: #f2796c !important;
}
.btn.btn-warning {
	background-color: #FFA14F;
}
.btn.btn-warning:hover,
.btn.btn-warning:active,
.open .btn.btn-warning,
.btn.btn-warning.hover {
	background-color: #FDB576 !important;
}
.btn.btn-success {
	background-color: #27ae60;
}
.btn.btn-success:hover,
.btn.btn-success:active,
.open .btn.btn-success,
.btn.btn-success.hover {
	background-color: #46bf79 !important;
}
.btn.btn-inverse {
	color: #FFF;
	background-color: #141619;
}
.btn-inverse:hover {
	background: #383C42;
	color: #FFF;
}

/* --- circle buttons --- */
.btn-circle {
	width: 45px;
	height: 45px;
	text-align: center !important;
	padding: 0;
	border-radius: 50%;
	-webkit-border-radius: 50%;
}
.btn-circle.btn-social-icon *:first-child {
	width: auto !important;
}
.btn-circle.btn-sm {
	width: 27px;
	height: 27px;
}
.btn-circle.btn-lg {
	width: 50px;
	height: 50px;
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.33;
	border-radius: 25px;
}
.btn-circle.btn-xl {
	width: 70px;
	height: 70px;
	padding: 10px 16px;
	font-size: 24px;
	line-height: 1.33;
	border-radius: 35px;
}

/* --- outline buttons --- */
.btn-outline {
	background-color: transparent !important;
	color: inherit;
	transition: all .5s;
	border-width: 1px !important;
	border-style: solid !important;
}
.btn-primary.btn-outline {
	color: #2776dc;
	border-color: #2776dc !important;
}
.btn.btn-primary.btn-outline.active,
.btn.btn-primary.btn-outline:hover,
.btn.btn-primary.btn-outline:active,
.btn.btn-primary.btn-outline.hover {
	color: #FFF;
	background-color: #2776dc !important;
}
.btn-success.btn-outline {
	color: #0E9A49;
	border-color: #0E9A49 !important;
}
.btn.btn-success.btn-outline:hover,
.btn.btn-success.btn-outline:active,
.btn.btn-success.btn-outline.hover {
	background-color: #0E9A49 !important;
}
.btn-info.btn-outline {
	color: #52BAFF;
	border-color: #52BAFF !important;
}
.btn.btn-info.btn-outline:hover,
.btn.btn-info.btn-outline:active,
.btn.btn-info.btn-outline.hover {
	background-color: #52BAFF !important;
}
.btn-white.btn-outline {
	color: #fff;
	border-color: rgba(255,255,255, .4) !important;
	border-width: 1px !important;
}
.btn.btn-white.btn-outline:hover,
.btn.btn-white.btn-outline:active,
.btn.btn-white.btn-outline.hover {
	color: #fff;
	background-color: rgba(255,255,255, .1) !important;
}
.btn-warning.btn-outline {
	color: #FF983E;
	border-color: #FF983E !important;
}
.btn.btn-warning.btn-outline:hover,
.btn.btn-warning.btn-outline:active,
.btn.btn-warning.btn-outline.hover {
	background-color: #FF983E !important;
}
.btn-danger.btn-outline {
	color: #e74c3c;
	border-color: #e74c3c !important;
}
.btn.btn-danger.btn-outline:hover,
.btn.btn-danger.btn-outline:active,
.btn.btn-danger.btn-outline.hover {
	background-color: #e74c3c !important;
}
.btn-inverse.btn-outline {
	color: #141619;
	border-color: #141619 !important;
}
.btn.btn-inverse.btn-outline:hover,
.btn.btn-inverse.btn-outline:active,
.btn.btn-inverse.btn-outline.hover {
	background-color: #141619 !important;
}
.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover, 
.btn-inverse.btn-outline:hover {
	color: #fff !important;
}

/* --- social buttons --- */
.btn-social {
    position: relative;
    color: #FFF!important;
    padding: 13px 13px 13px 25px;
    text-align: left;
    font-weight: 500;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-color: transparent !important;
    box-shadow: none !important;
	
}
.btn-social :first-child {
	margin-left: -20px;
    width: 45px !important;
    font-size: 16px !important;
    text-align: center;
}
.btn-social.btn-lg {
    padding-left: 61px
}
.btn-social.btn-lg :first-child {
    line-height: 45px;
    width: 45px;
    font-size: 1.8em
}
.btn-social.btn-sm {
    padding-left: 38px
}
.btn-social.btn-sm :first-child {
    line-height: 28px;
    width: 28px;
    font-size: 1.4em
}
.btn-social.btn-xs {
    padding-left: 30px
}
.btn-social.btn-xs :first-child {
    line-height: 20px;
    width: 20px;
    font-size: 1.2em
}
.btn-social-icon {
    position: relative;
    color: #FFF;
    border-color: transparent !important;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 34px;
    width: 34px;
    padding: 0 !important;
}
.btn-social-icon :first-child {
    left: 0;
    top: 0;
    bottom: 0;
    width: 34px !important;
    line-height: 34px;
    text-align: center;
}
.btn-social-icon.btn-lg {
    padding-left: 61px
}
.btn-social-icon.btn-lg:first-child {
    line-height: 45px;
    width: 45px;
    font-size: 1.8em
}
.btn-social-icon.btn-sm {
    padding-left: 38px;
    text-align: center;
}
.btn-social-icon.btn-sm :first-child {
    line-height: 28px;
    width: 28px !important;
    font-size: 1.2em
}
.btn-social-icon.btn-xs {
    padding-left: 30px
}
.btn-social-icon.btn-xs:first-child {
    line-height: 20px;
    width: 20px;
    font-size: 1.2em
}
.btn-social-icon:first-child {
    border: none;
    text-align: center;
}
.btn-social-icon.btn-lg {
    height: 45px;
    width: 45px;
    padding-left: 0;
    padding-right: 0
}
.btn-social-icon.btn-sm {
    height: 28px;
    width: 28px;
    padding-left: 0;
    padding-right: 0
}
.btn-social-icon.btn-xs {
    height: 22px;
    width: 22px;
    padding-left: 0;
    padding-right: 0
}
.btn-bitbucket {
    color: #fff;
    background-color: #4c82c7;
    border-color: rgba(0, 0, 0, 0.2)
}
.btn-bitbucket:hover,
.btn-bitbucket:focus,
.btn-bitbucket:active,
.btn-bitbucket.active,
.open .dropdown-toggle.btn-bitbucket {
    color: #fff;
    background-color: #4c82c7;
    border-color: rgba(0, 0, 0, 0.2)
}
.btn-bitbucket:active,
.btn-bitbucket.active,
.open .dropdown-toggle.btn-bitbucket {
    background-image: none
}
.btn-bitbucket.disabled,
.btn-bitbucket[disabled],
.btn-bitbucket.disabled:hover,
.btn-bitbucket[disabled]:hover,
.btn-bitbucket.disabled:focus,
.btn-bitbucket[disabled]:focus,
.btn-bitbucket.disabled:active,
.btn-bitbucket[disabled]:active,
.btn-bitbucket.disabled.active,
.btn-bitbucket[disabled].active {
    background-color: #205081;
    border-color: rgba(0, 0, 0, 0.2)
}
.btn-dropbox {
    color: #fff;
    background-color: #4c82c7;
    border-color: rgba(0, 0, 0, 0.2)
}
.btn-dropbox:hover,
.btn-dropbox:focus,
.btn-dropbox:active,
.btn-dropbox.active,
.open .dropdown-toggle.btn-dropbox {
    color: #fff;
    background-color: #4c82c7;
    border-color: rgba(0, 0, 0, 0.2)
}
.btn-dropbox:active,
.btn-dropbox.active,
.open .dropdown-toggle.btn-dropbox {
    background-image: none
}
.btn-dropbox.disabled,
.btn-dropbox[disabled],
.btn-dropbox.disabled:hover,
.btn-dropbox[disabled]:hover,
.btn-dropbox.disabled:focus,
.btn-dropbox[disabled]:focus,
.btn-dropbox.disabled:active,
.btn-dropbox[disabled]:active,
.btn-dropbox.disabled.active,
.btn-dropbox[disabled].active {
    background-color: #1087dd;
    border-color: rgba(0, 0, 0, 0.2)
}
.btn-facebook {
    color: #fff;
    
    border-color: rgba(0, 0, 0, 0.2)
}
.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook:active,
.btn-facebook.active,
.open .dropdown-toggle.btn-facebook {
    color: #fff;
    background-color: #30487b;
    border-color: rgba(0, 0, 0, 0.2)
}
.btn-facebook:active,
.btn-facebook.active,
.open .dropdown-toggle.btn-facebook {
    background-image: none
}
.btn-facebook.disabled,
.btn-facebook[disabled],
.btn-facebook.disabled:hover,
.btn-facebook[disabled]:hover,
.btn-facebook.disabled:focus,
.btn-facebook[disabled]:focus,
.btn-facebook.disabled:active,
.btn-facebook[disabled]:active,
.btn-facebook.disabled.active,
.btn-facebook[disabled].active {
    background-color: #3b5998;
    border-color: rgba(0, 0, 0, 0.2)
}
.btn-flickr {
    color: #fff;
    background-color: #4c82c7;
    border-color: rgba(0, 0, 0, 0.2)
}
.btn-flickr:hover,
.btn-flickr:focus,
.btn-flickr:active,
.btn-flickr.active,
.open .dropdown-toggle.btn-flickr {
    color: #fff;
    background-color: #d6006f;
    border-color: rgba(0, 0, 0, 0.2)
}
.btn-flickr:active,
.btn-flickr.active,
.open .dropdown-toggle.btn-flickr {
    background-image: none
}
.btn-flickr.disabled,
.btn-flickr[disabled],
.btn-flickr.disabled:hover,
.btn-flickr[disabled]:hover,
.btn-flickr.disabled:focus,
.btn-flickr[disabled]:focus,
.btn-flickr.disabled:active,
.btn-flickr[disabled]:active,
.btn-flickr.disabled.active,
.btn-flickr[disabled].active {
    background-color: #ff0084;
    border-color: rgba(0, 0, 0, 0.2)
}
.btn-github {
    color: #fff;
    background-color: #444;
    border-color: rgba(0, 0, 0, 0.2)
}
.btn-github:hover,
.btn-github:focus,
.btn-github:active,
.btn-github.active,
.open .dropdown-toggle.btn-github {
    color: #fff;
    background-color: #303030;
    border-color: rgba(0, 0, 0, 0.2)
}
.btn-github:active,
.btn-github.active,
.open .dropdown-toggle.btn-github {
    background-image: none
}
.btn-github.disabled,
.btn-github[disabled],
.btn-github.disabled:hover,
.btn-github[disabled]:hover,
.btn-github.disabled:focus,
.btn-github[disabled]:focus,
.btn-github.disabled:active,
.btn-github[disabled]:active,
.btn-github.disabled.active,
.btn-github[disabled].active {
    background-color: #444;
    border-color: rgba(0, 0, 0, 0.2)
}
.btn-google-plus {
    color: #fff;
    background-color: #4c4c4c;
    border-color: rgba(0, 0, 0, 0.2)
}
.btn-google-plus:hover,
.btn-google-plus:focus,
.btn-google-plus:active,
.btn-google-plus.active,
.open .dropdown-toggle.btn-google-plus {
    color: #fff;
    background-color: #ca3523;
    border-color: rgba(0, 0, 0, 0.2)
}
.btn-google-plus:active,
.btn-google-plus.active,
.open .dropdown-toggle.btn-google-plus {
    background-image: none
}
.btn-google-plus.disabled,
.btn-google-plus[disabled],
.btn-google-plus.disabled:hover,
.btn-google-plus[disabled]:hover,
.btn-google-plus.disabled:focus,
.btn-google-plus[disabled]:focus,
.btn-google-plus.disabled:active,
.btn-google-plus[disabled]:active,
.btn-google-plus.disabled.active,
.btn-google-plus[disabled].active {
    background-color: #dd4b39;
    border-color: rgba(0, 0, 0, 0.2)
}
.btn-instagram {
    color: #fff;
   
    border-color: rgba(0, 0, 0, 0.2)
}
.btn-instagram:hover,
.btn-instagram:focus,
.btn-instagram:active,
.btn-instagram.active,
.open .dropdown-toggle.btn-instagram {
    color: #fff;
    background-color: #da10d8;
    border-color: rgba(0, 0, 0, 0.2)
}
.btn-instagram:active,
.btn-instagram.active,
.open .dropdown-toggle.btn-instagram {
    background-image: none
}
.btn-instagram.disabled,
.btn-instagram[disabled],
.btn-instagram.disabled:hover,
.btn-instagram[disabled]:hover,
.btn-instagram.disabled:focus,
.btn-instagram[disabled]:focus,
.btn-instagram.disabled:active,
.btn-instagram[disabled]:active,
.btn-instagram.disabled.active,
.btn-instagram[disabled].active {
    background-color: #517fa4;
    border-color: rgba(0, 0, 0, 0.2)
}
.btn-linkedin {
    color: #fff;
    
    border-color: rgba(0, 0, 0, 0.2)
}
.btn-linkedin:hover,
.btn-linkedin:focus,
.btn-linkedin:active,
.btn-linkedin.active,
.open .dropdown-toggle.btn-linkedin {
    color: #fff;
    background-color: #005f8d;
    border-color: rgba(0, 0, 0, 0.2)
}
.btn-linkedin:active,
.btn-linkedin.active,
.open .dropdown-toggle.btn-linkedin {
    background-image: none
}
.btn-linkedin.disabled,
.btn-linkedin[disabled],
.btn-linkedin.disabled:hover,
.btn-linkedin[disabled]:hover,
.btn-linkedin.disabled:focus,
.btn-linkedin[disabled]:focus,
.btn-linkedin.disabled:active,
.btn-linkedin[disabled]:active,
.btn-linkedin.disabled.active,
.btn-linkedin[disabled].active {
    background-color: #007bb6;
    border-color: rgba(0, 0, 0, 0.2)
}
.btn-pinterest {
    color: #fff;
    
    border-color: rgba(0, 0, 0, 0.2)
}
.btn-pinterest:hover,
.btn-pinterest:focus,
.btn-pinterest:active,
.btn-pinterest.active,
.open .dropdown-toggle.btn-pinterest {
    color: #fff;
    background-color: #a81a20;
    border-color: rgba(0, 0, 0, 0.2)
}
.btn-pinterest:active,
.btn-pinterest.active,
.open .dropdown-toggle.btn-pinterest {
    background-image: none
}
.btn-pinterest.disabled,
.btn-pinterest[disabled],
.btn-pinterest.disabled:hover,
.btn-pinterest[disabled]:hover,
.btn-pinterest.disabled:focus,
.btn-pinterest[disabled]:focus,
.btn-pinterest.disabled:active,
.btn-pinterest[disabled]:active,
.btn-pinterest.disabled.active,
.btn-pinterest[disabled].active {
    background-color: #cb2027;
    border-color: rgba(0, 0, 0, 0.2)
}
.btn-tumblr {
    color: #fff;
    background-color: #4c82c7;
    border-color: rgba(0, 0, 0, 0.2)
}
.btn-tumblr:hover,
.btn-tumblr:focus,
.btn-tumblr:active,
.btn-tumblr.active,
.open .dropdown-toggle.btn-tumblr {
    color: #fff;
    background-color: #1f3346;
    border-color: rgba(0, 0, 0, 0.2)
}
.btn-tumblr:active,
.btn-tumblr.active,
.open .dropdown-toggle.btn-tumblr {
    background-image: none
}
.btn-tumblr.disabled,
.btn-tumblr[disabled],
.btn-tumblr.disabled:hover,
.btn-tumblr[disabled]:hover,
.btn-tumblr.disabled:focus,
.btn-tumblr[disabled]:focus,
.btn-tumblr.disabled:active,
.btn-tumblr[disabled]:active,
.btn-tumblr.disabled.active,
.btn-tumblr[disabled].active {
    background-color: #2c4762;
    border-color: rgba(0, 0, 0, 0.2)
}
.btn-twitter {
    color: #fff;
    
    border-color: rgba(0, 0, 0, 0.2)
}
.btn-twitter:hover,
.btn-twitter:focus,
.btn-twitter:active,
.btn-twitter.active,
.open .dropdown-toggle.btn-twitter {
    color: #fff;
    background-color: #1c92c7;
    border-color: rgba(0, 0, 0, 0.2)
}
.btn-twitter:active,
.btn-twitter.active,
.open .dropdown-toggle.btn-twitter {
    background-image: none
}
.btn-twitter.disabled,
.btn-twitter[disabled],
.btn-twitter.disabled:hover,
.btn-twitter[disabled]:hover,
.btn-twitter.disabled:focus,
.btn-twitter[disabled]:focus,
.btn-twitter.disabled:active,
.btn-twitter[disabled]:active,
.btn-twitter.disabled.active,
.btn-twitter[disabled].active {
    background-color: #2ba9e1;
    border-color: rgba(0, 0, 0, 0.2)
}
.btn-vk {
    color: #fff;
    background-color: #587ea3;
    border-color: rgba(0, 0, 0, 0.2)
}
.btn-vk:hover,
.btn-vk:focus,
.btn-vk:active,
.btn-vk.active,
.open .dropdown-toggle.btn-vk {
    color: #fff;
    background-color: #4a6a89;
    border-color: rgba(0, 0, 0, 0.2)
}
.btn-vk:active,
.btn-vk.active,
.open .dropdown-toggle.btn-vk {
    background-image: none
}
.btn-vk.disabled,
.btn-vk[disabled],
.btn-vk.disabled:hover,
.btn-vk[disabled]:hover,
.btn-vk.disabled:focus,
.btn-vk[disabled]:focus,
.btn-vk.disabled:active,
.btn-vk[disabled]:active,
.btn-vk.disabled.active,
.btn-vk[disabled].active {
    background-color: #587ea3;
    border-color: rgba(0, 0, 0, 0.2)
}
	
/* 4. Colors
 ================================================================ */
/* --- border --- */
.border-primary {
	border-color: #2776dc !important;
}
.border-danger {
	border-color: #e74c3c !important;
}
.border-info {
	border-color: #52BAFF !important;
}
.border-warning { 
	border-color: #FFA14F !important;
}
.border-success {
	border-color: #6EBB6E !important;
}
.border-light {
	border-color: rgba(255,255,255, 0.1) !important;
}
.border-dark {
	border-color: rgba(0,0,0, 0.2) !important;
}

/* --- background & blockquote --- */
.blockquote-primary,
.bg-primary {
	background-color: #428bca !important;
}
.bg-secondary {
	background-color: transparent !important;
	
}
.blockquote-danger,
.bg-danger {
	background-color: #e74c3c !important;
	color: #FFF;
}
.blockquote-info,
.bg-info {
	background-color: #52BAFF !important;
	color: #FFF;
}
.blockquote-warning,
.bg-warning { 
	background-color: #FFA14F !important;
	color: #FFF;
}
.blockquote-success,
.bg-success {
	background-color: #6EBB6E !important;
	color: #FFF;
}
.bg-darken {
	background-color: rgba(0,0,0, 0.2) !important;
	color: #FFF;
}
.bg-dark {
	background-color: #141619 !important;
	color: #FFF;
}
	
/* --- text colors --- */
.text-primary {
	color: #2776dc;
}
.text-success {
	color: #27ae60;
}
.text-warning {
	color: #e67e22;
}
.text-danger {
	color: #e74c3c;
}
.text-info {
	color: #3498db;
}
.text-dark {
	color: rgba(0,0,0, 0.5) !important;
}
.text-bold {
	font-weight: bold !important;
}

/* 5. Alerts
 ================================================================ */
.alert {
	border-radius: 0px;
	-webkit-border-radius: 0px;
}

.alertfoot {
	border-radius: 0px;
	-webkit-border-radius: 0px;
}

.alert p {
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
    font-size: 21px;
    line-height: 1.2;
    color: #27323f;
    font-weight: 300;
	text-align: center;
}
.alert .btn {
	margin-top: 20px;
}
.alert-lg {
	padding: 12px 12px 0px 12px;
}

.alert-lgfoot {
	padding: 12px 12px 0px 12px;
}

.alert-title {
	font-size: 30px;
    text-align: center;
    font-weight: 400;
    line-height: 1.2;
    padding: 5px;
}
}

@media (max-width: 990px) {	
.alert-title {
	font-size: 20px;
	color: #ffffff;
	text-align: center;
	font-weight: 300;
    line-height: 1.2;
}

}

.alert-title2 {
	font-size: 24px;
	color: #ffffff;
	text-align: center;
	font-weight: 300;
	
}

.alert-success {
	color: #e70093;
    background-color: #fff;
    border-color: #e1e1e1;
	font-weight: 500;
}

.alert-success2 {
	color: #ffffff;
    background-color: #000;
	padding-bottom: 12px;
	border-radius: 12px;
    
}

.alert-success-title {
	color: #ffffff;
    background-color: #000;
	padding-bottom: 12px;
	border-radius: 12px;
	    
}

.alert-success3 {
	color: #ffffff;
    background-color: #c90381;
    height: 100px;
    padding-top: 25px;
	    
}

.alert-success3lgmd {
	color: #ffffff;
    background-color: #428bca;
    height: 75px;
    padding-top: 24px;
	    
}

.alert-success3smxs {
	color: #ffffff;
    background-color: #428bca;
    padding-top: 14px;
	height: 100%;
	    
}


.alert-success2foot {
	color: #ffffff;
    background-color: #3c6eaf;
	padding-bottom: 12px;
	
    
}

.alert-info {
	color: #5086A0;
	background-color: #EFF6FF;
	border-color: #D0E1F7;
}
.alert-warning {
	color: #968C53;
	background-color: #FDFBEF;
	border-color: #ECE8CE;
}
.alert-danger {
	color: #986F68;
	background-color: #FDEDEA;
	border-color: #E6CECA;
}
.alert .alert-link {
	color: rgba(0,0,0, 0.5);
}

/* --- form label --- */
label {
	margin-bottom: 10px;
	font-weight: 500;
}

/* 6. Label
 ================================================================ */
.label {
	display: inline-block; 
	padding: 7px;
	font-weight: 500;
	border-radius: 3px;
	text-shadow: none;
	border: 0;
}



.badge,
.label-default {
	background-color: #2b2b2b;
}
.label-primary {
	background-color: #2776dc;
}
.label-success {
	background-color: #0E9A49;
}	
.label-danger {
	background-color: #e74c3c;
}
.label-warning {
	background-color: #FF8E2B;
}
.label-info {
	background-color: #52BAFF;
}
.label span {
	display: block;
	font-weight: normal;
	margin-bottom: 8px;
	font-size: 11px;
}
.label-sm {
	font-size: 12px !important;
}
.label-xs {
	font-size: 11px !important;
}
.label-lg {
	font-size: 24px !important;
}

/*---------- 8. Progress Bars ----------*/
.progress {
	background-color: #ebedef;
	border-radius: 32px;
	height: 15px;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin-bottom: 25px;
}
.progress-label {
	font-size: 14px;
	margin-bottom: 8px!important;
}
.progress-label span {
	float: right;
}
.progress-bar {
	background-color: #0E9A49;
	line-height: 15px;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
}
.progress-bar-success {
	background-color: #0E9A49;
}
.progress-bar-warning {
	background-color: #FFA14F;
}
.progress-bar-danger {
	background-color: #e74c3c;
}
.progress-bar-info {
	background-color: #52BAFF;
}


/*---------- 9. Panels ----------*/
.panel-primary>.panel-heading {
	background-color: #2776dc;
	border-color: #2776dc;
}
.panel-success>.panel-heading {
	color: #FFF;
	background-color: #0E9A49;
	border-color: #0E9A49;
}
.panel-danger>.panel-heading {
	color: #FFF;
	background-color: #e74c3c;
	border-color: #e74c3c;
}
.panel-warning>.panel-heading {
	color: #FFF;
	background-color: #FFA14F;
	border-color: #FFA14F;
}
.panel-info>.panel-heading {
	color: #FFF;
	background-color: #52BAFF;
	border-color: #52BAFF;
}
.panel-inverse>.panel-heading {
	color: #FFF;
	background-color: #2b2b2b;
	border-color: #2b2b2b;
}
.panel-primary {
	border-color: #2776dc;
}
.panel-success {
	border-color: #0E9A49;
}
.panel-danger {
	border-color: #e74c3c;
}
.panel-warning {
	border-color: #FFA14F;
}
.panel-info {
	border-color: #52BAFF;
}
.panel-inverse {
	border-color: #2b2b2b;
}

.panel {
	margin-bottom: 0;
}
.panel-heading {
	font-size: 15px;
	padding: 10px 20px;
}
.panel-group .panel {
	border-radius: 0;
}
.panel-group .panel-title {
	padding: 0;
}
.panel-group .panel-title a {
	padding: 7px 0 !important;
}
.panel-default > .panel-heading {
	color: rgba(0,0,0, 0.6);
	background-color: #FFF;
	border-color: rgba(0, 0, 0, 0.1);
}	
.panel-default > .panel-footer {
	background-color: #FFF;
	border-color: rgba(0, 0, 0, 0.1);
}
.panel-default {
	border: 1px solid #E4E4E4;
	-webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
}
.panel-title {
	font-size: 15px;
	border-radius: 0;
	-webkit-border-radius: 0;
	padding: 5px 0;
}
.panel-title i {
	margin-right: 10px;
}
.panel-title a, 
.panel-title a:hover, 
.panel-title a:focus {
	color: rgba(0,0,0, 0.6);
	padding: 7px 10px;
	display: block;
}
.panel-body {
	padding: 20px;
	font-size: 14px;
}
.panel-group .panel+.panel {
	margin-top: 0;
	border-top: 0;
}
.panel-login {
	margin: 0;
	border: 0;
}
.panel-login .panel-heading {
	position: relative;
}
.panel-login .panel-title {
	padding: 13px 5px;
	font-size: 17px;
	font-weight: 500 !important;
}
.panel-login .panel-title i {
	margin-left: 5px;
}
.panel-login .panel-body {
	padding: 30px;
}
.panel-login .panel-body a {
	color: #777a80;
}
.panel-login .panel-footer {
	padding: 15px 30px;
	font-size: 14px;
}
.panel-login .panel-footer a {
	font-weight: 500;
}
.panel-login .checkbox {
	margin-bottom: 0;
}
.panel-login .checkbox {
	float: left;
}


/*---------- 10. Pagination & Pagers ----------*/

/* --- pagination --- */
.pagination {
	padding: 0;
	margin: 0 0 20px 0;
}
.pagination li a, 
.pagination > .disabled > span, 
.pagination > .disabled > span:hover, 
.pagination > .disabled > span:focus, 
.pagination > .disabled > a, 
.pagination > .disabled > a:hover, 
.pagination > .disabled > a:focus {
	margin-right: 5px;
	border: 1px solid #e6e6e6;
	background-color: #FFF;
	border-radius: 3px !important;
	-webkit-border-radius: 3px !important;
	padding: 5px 10px;
	font-size: 14px;
	font-weight: normal;
	color: #4A4A4A;
}
.pagination li a:hover, 
.pagination li a:focus, 
.pagination li.active a, 
.pagination li.active a:focus, 
.pagination li.active a:hover {
	border: 1px solid #e6e6e6;
	background-color: #F5F5F5;
	color: #696e72;
}
.pagination li:first-child a:hover,
.pagination li:first-child a {
	border-radius: 3px !important;
	-webkit-border-radius: 3px!important;
}
.pagination li:last-child a:hover,
.pagination li:last-child a {
	border-radius: 3px !important;
	-webkit-border-radius: 3px!important;
}

/* --- pagers --- */
.pager {
	margin: 0;
}
.pager li {
	width: 40%;
	display: inline-block;
	padding: 0;
	margin: 0;
	float: left;
}
.pager li:nth-child(2) {
	float: right;
}
.pager li a {
	background-color: #2b2b2b;
	border: 0;
	color: #FFF;
	display: block;
	float: none !important;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	padding: 10px 0;
}
.pager li a:hover {
	background-color: #2776dc;
	border-color: #2776dc;
	color: #FFF;
}
	
	
/*---------- 11. Page Header ----------*/
.page-header .btn-group {
	margin-top: -10px;
}
.page-header {
	border: 0;
	text-align: left;
	margin: 0 0 25px 0;
	font-size: 18px;
	font-weight: 700 !important;
	text-transform: uppercase;
	color: rgba(0,0,0, 0.7);
}
.page-header > i {
	margin-right: 10px;
}
	
	
/*---------- 12. Tables ----------*/
.table {
	margin-bottom: 0;
}
.table > tbody > tr > td, 
.table > tbody > tr > th, 
.table > tfoot > tr > td, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > thead > tr > th {
	border-color: #E6E6E6;
}
.table > thead > tr > th {
	border-bottom: 0;
	padding: 15px 5px;
}
.table > thead > tr > th, 
.table > tbody > tr > th, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > tbody > tr > td, 
.table > tfoot > tr > td {
	vertical-align: middle;
}
.table-bordered,
.table-bordered>tbody>tr>td, 
.table-bordered>tbody>tr>th, 
.table-bordered>tfoot>tr>td, 
.table-bordered>tfoot>tr>th, 
.table-bordered>thead>tr>td, 
.table-bordered>thead>tr>th {
	border-color: #EAEAEA;
}

	
/*---------- 13. Modals ----------*/
.modal-open {
	padding-right: 0 !important;
	overflow: inherit !important;
}
.modal-dialog {
	margin-top: 100px;
}
.modal-backdrop.in {
	opacity: .9;
	background-color: #101010;
}
.modal-open .modal {
	z-index: 9999;
	overflow: inherit !important;
}
.modal-header {
	padding: 15px 25px;
	line-height: 30px;
	border-color: rgba(0, 0, 0, 0.08) !important;
}
.modal-header .close {
	margin: 0;
	text-shadow: none;
	font-size: 27px;
	position: absolute;
	right: 25px;
}
.modal-title {
	color: #5F5F5F;
	font-size: 17px;
	font-weight: 500;
	line-height: 30px;
}
.modal-title i {
	margin-right: 10px;
}
.modal-content {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 0;
	box-shadow: 0 2px 6px 0 rgba(80, 80, 80, 0.5);
	-webkit-box-shadow: 0 2px 6px 0 rgba(80, 80, 80, 0.5);
}
.modal-body {
	background: #FFF;
	border-bottom: 0;
	padding: 30px 25px;
}
.modal-footer {
	border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
	margin: 0;
	padding: 20px 25px;
	font-size: 13px;
}
.modal-sm {
	width: 400px;
}
.modal-search {
	background: #FFF;
	position: fixed;
	width: 100%;
	padding: 2px 0;
	top: -60px;
	left: 0;
	z-index: 980;
	border-bottom: 1px solid rgba(0,0,0,0.15);
	box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.05);
	-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.05);
	-webkit-transition: 0.25s;
	transition: 0.25s;
}
.modal-search .container {
	position: relative;
}
.modal-search .close {
	position: absolute;
	right: 20px;
	top: 6px;
	font-size: 20px;
	cursor: pointer;
	color: rgba(0,0,0, 0.7);
	opacity: 1;
}
.search-open .modal-search {
	top: 60px;
}
.modal-search .form-control:focus,
.modal-search .form-control {
	box-shadow: none;
	-webkit-box-shadow: none;
	border: 0;
	background: #FFF;
	padding: 6px 0;
	height: auto;
	line-height: inherit;
	color: #4A4A4A;
}
.search-active .modal-search {
	box-shadow: none;
	-webkit-box-shadow: none;
	border-color: #e0e0e0;
}

/* --- lightbox --- */
.ekko-lightbox .modal-header {
	padding: 0;
}
.ekko-lightbox .modal-header .modal-title {
	display: block;
	text-shadow: none;
	padding: 0;
	color: #FFF;
	font-size: 14px;
	font-weight: 300;
	z-index: 99;
	position: absolute;
	top: -40px;
}
.ekko-lightbox .modal-header .close {
	position: fixed;
	z-index: 9999;
	right: -15px;
	top: -20px;
	color: #000;
	opacity: 1;
	width: 40px;
	height: 40px;
	text-align: center;
	padding: 0;
	font-size: 25px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	background-color: #FFF;
	border: 5px solid #000;
}
.ekko-lightbox-container iframe {
	position: relative;
	z-index: 100;
}
.ekko-lightbox-container img {
	max-height: 100%;
}
.ekko-lightbox .modal-content {
	color: #FFF;
	background: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	position: relative;
	border-radius: 0;
	-webkit-border-radius: 0;
}
.ekko-lightbox .modal-body {
	padding: 0;
	background-color: transparent;
	padding: 0px;
}
.ekko-lightbox .modal-loading {
	text-align: center;
	font-size: 0;
	margin-top: 20px;
}
.ekko-lightbox .modal-footer {
	padding: 15px 0;
}
.ekko-lightbox-nav-overlay a {
	color: #FFF;
	font-size: 24px;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
.ekko-lightbox .glyphicon-chevron-right:before,
.ekko-lightbox .glyphicon-chevron-left:before {
	top: 50%;
	position: absolute;
}
.ekko-lightbox .glyphicon-chevron-right:before {
	right: 20px;
}

/* --- separator --- */
.separator {
	border-bottom: 1px solid rgba(0,0,0, 0.1);
	position: relative;
	margin-top: 45px;
	margin-bottom: 45px;
	text-align: center;
}
.separator span {
	position: absolute;
	left: 50%;
	margin-left: -23px;
	top: -17px;
	background: #fff;
	padding: 5px 0px;
	border: 1px solid rgba(0,0,0, 0.1);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	width: 35px;
	text-align: center;
}
	
	
/*---------- 14. Forms ----------*/
.form-control {	
	background: #fbfbfb;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: 1px solid #E8E8E8;
	height: 45px;
	padding: 10px 16px;
	font-size: 15px;
	line-height: 1.3333333;
	color: #6D6D6D;
}
.form-control:focus {	
	border: 1px solid #d2d2d2;
	background: #FFF;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.05) !important;
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.05) !important;
}
.has-success .form-control {
	border-color: #27ae60 !important;
	background-color: #FDFFFD;
	color: #007732;
}
.has-warning .form-control {
	border-color: #FFA14F !important;
	background-color: #FFFDFC;
	color: #DA8134;
}
.has-error .form-control {
	border-color: #e74c3c !important;
	background-color: #FFFBFB;
	color: #e74c3c;
}
.input-sm {
	height: 40px;
	padding: 5px 15px;
	font-size: 13px;
	line-height: 1.5;
	border-radius: 3px;
}
.input-lg {
	font-size: 16px;
	height: 50px;
	line-height: 1.5;
	font-weight: 300;
}
.input-md {
	padding-top: 10px;
	padding-bottom: 10px;
	height: 40px;
}
.input-icon-right,
.input-icon-left {
	position: relative;
}
.input-icon-left i {
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	display: block;
	color: #797979;
	font-size: 15px;
}
.input-icon-left .form-control {
	padding-left: 46px;
}
.input-icon-right i {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	display: block;
	color: #797979;
	font-size: 15px;
}
.input-icon-right .form-control {
	padding-right: 46px;
}
.form-group.row > label {
	line-height: 45px;
	margin-bottom: 0;
}
.form-inline .form-group label {
	padding-right: 10px;
}
.form-horizontal .control-label {
	padding-top: 10px;
}
.form-inverse .form-control {
	background: #1b1b1b !important;
	color: #7e7e7e !important;
	border: 0 !important;
}
.form-actions {
	margin-top: 30px;
}
.form-label .form-group {
	margin-bottom: 25px;
}
.form-group:last-child,
.form-label .form-group:last-child {
	margin-bottom: 0;
}
.helper-left {
	padding: 13px 0 0 10px;
	font-size: 14px;
	font-weight: bold;
	display: block;
}
.form-inline .checkbox label, .form-inline .radio label {
	padding-left: 30px;
	margin-right: 20px;
}

/* --- checkbox --- */
.checkbox-inline, .radio-inline {
	padding-left: 15px;
}
.checkbox {
	margin: 0;
}
.checkbox-control {
	margin-bottom: 20px !important;
}
.checkbox label {
	display: block;
	cursor: pointer;
	position: relative;
	padding-left: 30px;
	font-size: 13px;
	color: #777a80;
	font-weight: 300;
	padding-top: 3px;
}
.checkbox label:before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0px;
	top: 2px;
	background-color: #fff;
	border: 1px solid #c2c6cb;
}
.checkbox label::after {
	display: inline-block;
	height: 20px;
	width: 20px;
	text-align: center;
	position: absolute;
	left: 0px;
	top: 3px;  
	font-size:12px; 
	font-family: 'FontAwesome';
}
.checkbox input[type=checkbox] {
	display: none;
}
.checkbox input[type=checkbox]:checked + label::after  {
	content: "\F00C";
}
.checkbox.disabled input[type=checkbox]:disabled + label:before {
	background-color: #E8E8E8;
	border-color: #DADADA;
}
.checkbox-primary input[type=checkbox]:checked + label:before {
	background-color: #2776dc;
	border: 0;
}
.checkbox-warning input[type=checkbox]:checked + label:before {
	background-color: #FFA14F;
	border: 0;
}
.checkbox-info input[type=checkbox]:checked + label:before {
	background-color: #52BAFF;
	border: 0;
}
.checkbox-danger input[type=checkbox]:checked + label:before {
	background-color: #e74c3c;
	border: 0;
}
.checkbox-success input[type=checkbox]:checked + label:before {
	background-color: #27ae60;
	border: 0;
}
.checkbox-primary input[type=checkbox]:checked + label::after,
.checkbox-warning input[type=checkbox]:checked + label::after,
.checkbox-info input[type=checkbox]:checked + label::after,
.checkbox-danger input[type=checkbox]:checked + label::after,
.checkbox-success input[type=checkbox]:checked + label::after {
	color: #FFF;
}

/* --- checkbox icon --- */
.checkbox.checkbox-icon label:before {
	background-color: transparent;
	border: 0;
}
.checkbox.checkbox-icon label {
	padding-left: 36px;
}
.checkbox.checkbox-icon label::after {
	left: -2px;
	top: -5px;  
	font-size:26px; 
	font-family: 'FontAwesome';
}
.checkbox.checkbox-icon input[type=checkbox]:disabled + label::after  {
	content: "\f205";
	color: #AFAFAF;
}
.checkbox.checkbox-icon label::after {
	content: "\f204";
}
.checkbox.checkbox-icon input[type=checkbox]:checked + label::after  {
	content: "\f205";
}
.checkbox.checkbox-icon input[type=checkbox]:checked + label:before {
	background-color: transparent !important;
}
.checkbox.checkbox-icon.disabled input[type=checkbox]:disabled + label:before {
	background-color: transparent;
	border-color: #DADADA;
}
.checkbox.checkbox-icon.checkbox-primary input[type=checkbox]:checked + label::after {
	color: #2776dc;
}
.checkbox.checkbox-icon.checkbox-warning input[type=checkbox]:checked + label::after {
	color: #FFA14F;
}
.checkbox.checkbox-icon.checkbox-info input[type=checkbox]:checked + label::after {
	color: #52BAFF;
}
.checkbox.checkbox-icon.checkbox-danger input[type=checkbox]:checked + label::after {
	color: #e74c3c;
}
.checkbox.checkbox-icon.checkbox-success input[type=checkbox]:checked + label::after {
	color: #27ae60;
}

/* --- radio --- */
.radio {
	margin: 0;
}
.radio-control {
	margin-bottom: 20px !important;
}
.radio label {
	display: block;
	cursor: pointer;
	position: relative;
	padding-left: 30px;
	font-size: 13px;
	color: #777a80;
	font-weight: 300;
	padding-top: 2px;
}
.radio label:before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0px;
	top: 2px;
	background-color: #fff;
	border: 1px solid #c2c6cb;
	border-radius: 30px;
	-webkit-border-radius: 30px;
}
.radio label::after {
	display: inline-block;
	height: 20px;
	width: 20px;
	text-align: center;
	position: absolute;
	left: 0px;
	top: 5px;  
	font-size:11px; 
}
.radio input[type=radio] {
	display: none;
}
.radio input[type=radio]:checked + label::after  {
	font-family: 'FontAwesome';
	content: "\f111";
}
.radio.disabled input[type=radio]:disabled + label:before {
	background-color: #E8E8E8;
	border-color: #DADADA;
}
.radio.radio-primary input[type=radio]:checked + label::after {
	color: #2776dc;
}
.radio-primary input[type=radio]:checked + label:before {
	border-color: #2776dc;
}
.radio.radio-warning input[type=radio]:checked + label::after {
	color: #FFA14F;
}
.radio-warning input[type=radio]:checked + label:before {
	border-color: #FFA14F;
}
.radio.radio-info input[type=radio]:checked + label::after {
	color: #52BAFF;
}
.radio-info input[type=radio]:checked + label:before {
	border-color: #52BAFF;
}
.radio.radio-danger input[type=radio]:checked + label::after {
	color: #e74c3c;
}
.radio-danger input[type=radio]:checked + label:before {
	border-color: #e74c3c;
}
.radio.radio-success input[type=radio]:checked + label::after {
	color: #27ae60;
}
.radio-success input[type=radio]:checked + label:before {
	border-color: #27ae60;
}

/*---------- 15. Breadcrumb ----------*/
.breadcrumb {
	background: transparent;
	border-radius: 0;
	margin: 0;
	border: 0;
	padding: 0;
}
.breadcrumb > li:first-child a {
	padding-left: 0;
}
.breadcrumb > li + li.pull-right:before { 
	content: "";
	display: none;
}
.breadcrumb > li.pull-right {
	margin-top: -5px;
}
.breadcrumb>li+li:before {
	content: "\f105";
	font-family: "fontAwesome";
	font-size: 11px;
	margin: 0 5px;
}
.breadcrumb > li.active {
	font-size: 14px !important;
}
.breadcrumb > li > a {
	color: #616161;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	font-size: 14px !important;
}	

/*---------- 16. Testimonial ----------*/
.testimonial p {
	background: #f5f5f5;
	padding: 30px;
	position: relative;
	font-size: 14px;
	margin-bottom: 0;
	line-height: 20px;
	border: 1px solid #E4E4E4;
}
.testimonial p:after, .testimonial p:before {
	top: 100%;
	left: 43px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
}
.testimonial p em {
	padding-left: 24px;
	display: inline-block;
}
.testimonial p em:before {
	content: "\f10d";
	font-family: "fontAwesome";
	font-size: 18px;
	position: absolute;
	left: 23px;
	top: 32px;
}
.testimonial p:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #f5f5f5;
	border-width: 10px;
	margin-left: -10px;
}
.testimonial p:before {
	border-color: rgba(228, 228, 228, 0);
	border-top-color: #E4E4E4;
	border-width: 11px;
	margin-left: -11px;
}
.testimonial .thumbnail {
	float: left;
	margin: 0 15px 0 23px;
	border: 0;
	padding-top: 25px;
	background-color: transparent;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
}
.testimonial .thumbnail img {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	width: 40px !important;
	height: 40px;
}
.testimonial .testimonial-name {
	padding-top: 25px;
	font-weight: bold;
}
.testimonial .testimonial-name span {
	font-weight: normal;
	display: block;
	font-size: 12px;
}
.testimonial-reverse p {
	background-color: #FFF;
	-webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
}
.testimonial-reverse p:after {
	border-top-color: #fff;
}
.testimonial-primary p {
	color: #FFF;
	background-color: #2776dc;
	border: 0;
}
.testimonial-primary p:after {
	border-top-color: #2776dc;
}
.testimonial-danger p {
	color: #FFF;
	background-color: #e74c3c;
	border: 0;
}
.testimonial-danger p:after {
	border-top-color: #e74c3c;
}
.testimonial-success p {
	color: #FFF;
	background-color: #0E9A49;
	border: 0;
}
.testimonial-success p:after {
	border-top-color: #0E9A49;
}
	
	
/*---------- 17. Blockquote ----------*/
blockquote, 
.blockquote-reverse {
	border-width: 3px;
	font-size: 13px;
	padding: 45px;
	margin-top: 30px;
	margin-bottom: 30px;
	background-color: #f5f5f5;
}
.blockquote-reverse footer {
	text-align: right !important;
}
blockquote h4 {
	margin-bottom: 10px;
	text-transform: uppercase;
}
blockquote p {
	font-size: 13px;
	margin-top: 0 !important;
	margin-bottom: 30px !important;
}
.blockquote-primary {
	border-color: #1356AD;
}
.blockquote-success {
	border-color: #1B8E1B;
}
.blockquote-danger {
	border-color: #731D14;
}
.blockquote-warning {
	border-color: #D07627;
}
.blockquote-info {
	border-color: #0E87D8;
}
.blockquote-primary,
.blockquote-danger,
.blockquote-warning,
.blockquote-success,
.blockquote-info,
.blockquote-primary footer,
.blockquote-danger footer,
.blockquote-warning footer,
.blockquote-success footer,
.blockquote-info footer,
.blockquote-primary h4,
.blockquote-danger h4,
.blockquote-warning h4,
.blockquote-succes h4,
.blockquote-info h4 {
	color: #FFF !important;
}
blockquote footer {
	background-color: transparent;
	border-top: 0;
	line-height: inherit;
	margin-top: 20px;
	padding: 0px 0px;
	text-align: left;
	width: auto;
	color: #6D6D6D !important;
}

/* --- clearfix --- */
.post-header:after, .post-header:before, 
nav:after, nav:before, 
section:after,section:before, 
form:after,form:before,
.title:after,.title:before,
.headline:before,.headline:after,
.page-header:after,.page-header:before,
.forum .forum-group:after,.forum .forum-group:before,
.forum-post:after, .forum-post:before,
.forum-footer:after, .forum-footer:before {
	display: table; 
	content: " ";
}
.post-header:after,
nav:after, 
section:after, 
.title:after, 
form:after,
.headline:after,
.page-header:after,
.forum .forum-group:after,
.forum-post:after,
.forum-footer:after {
	clear: both;
}

	
/*---------- 18. Layouts ----------*/
.fixed-tab .tab-select.sticky {
	
	z-index: 960;
	top: 60px;
	left: 0;
	width: 100%;
	box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.05), inset 0 -1px 0 0  rgba(0,0,0,0.15);
	-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.05), inset 0 -1px 0 0 rgba(0,0,0,0.15);
	-webkit-transition: 0s;
	transition: 0s;
	background-color: #fff;
}
.search-open.search-active {
	padding-top: 98px;
}
.fixed-header {
	padding-top: 0px;
	-webkit-transition: 0.25s;
	transition: 0.25s;
}
.fixed-header header {
	z-index: 1010;
	top: 0;
	box-shadow: 0px 0px 10px 10px rgba(0,0,0, 0);
	position: fixed;
}
.header-scroll header {
	box-shadow: 0 0 4px 0 rgba(0,0,0, 0.7);
	-webkit-box-shadow: 0 0 4px 0 rgba(0,0,0, 0.7);
}
.fixed-tab header,
.search-open header {
	box-shadow: none;
	-webkit-box-shadow: none;
}

/* --- wrapper --- */
#wrapper {
	min-height: 493px;
	    width: 100%;
}

	
/*---------- 19. Header ----------*/
header {
	width: 100%;
	height: 100px;
	background: #000;
	position: relative;
	z-index: 999;
	
}
header .logo {
	display: inline-block;
    float: left;
    height: 70px;
    line-height: 95px;
    padding: 0 15px 0 0 !important;
    background: transparent !important;
    max-width: 200px;
    margin-right: 100px;
	margin-left: 25px;
}
header .container {
	position: relative;
}
header ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
header a {
	line-height: 100px;
    padding: 0 12px;
    color: #ffffff;
    font-size: 24px;
    font-weight: 300;
    display: inline-block;
	margin-left: 20px;
}
header a.active, 
header a:hover,  
header a:focus, 
header a:active {
	color: #00aeff;
	font-size: 24px;
	padding: 0 12px;
}
header ul li a i.fa-angle-down {
	margin-left: 5px;
}
header .nav-dropdown,
header .nav-profile {
	display: inline-block;
	position: relative;
	
}
header .nav-dropdown .dropdown-menu {
	padding: 0 !important;
}
header .nav-right .dropdown-menu .dropdown-header {
	background-color: #fff;
	padding: 12px 10px 12px 25px;
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: 300;
	border-bottom: 1px solid rgba(0,0,0, 0.08);
}
header .nav-dropdown .dropdown-menu .dropdown-header i {
	margin-right: 10px;
}
header .nav-dropdown .dropdown-menu .dropdown-footer {
	margin-top: 10px;
}
header .nav-dropdown .dropdown-menu .dropdown-footer a {
	color: rgba(0,0,0, 0.8);
	text-align: center;
	padding: 15px 0 !important;
	margin-top: 0px;
	border-top: 1px solid rgba(0,0,0, 0.08) !important;
	background-color: #fff !important;
	line-height: initial !important;
}
header .dropdown-menu .dropdown-header {
	color: #585858;
}
header .nav-dropdown .dropdown-menu {
	min-width: 260px !important;
}
header .nav-dropdown .dropdown-menu img {
	width: 32px;
	height: 32px;
	margin-right: 10px;
	border-radius: 30px;
	-webkit-border-radius: 30px;
}
header .nav-dropdown .dropdown-menu a {
	padding: 8px 10px;
	font-size: 15px;
	font-weight: 500;
	white-space: inherit;
	border-bottom: 1px solid rgba(0,0,0, 0.06);
	color: rgba(0,0,0, 0.7) !important;
	line-height: 35px !important;
}
header .nav-dropdown .dropdown-menu li:nth-child(6) a {
	border-bottom: 0;
}
header .nav-right {
	float: right;
	margin-right: 40px;
	position: relative;
	margin-top: 32px;
}
header .nav-right i {
	font-size: 30px;
}
header .nav-right > .dropdown > a > .label,
header .nav-right > a > .label {
	position: absolute;
	top: 10px;
	right: 2px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	height: 17px;
	width: 17px;
	line-height: 17px;
	padding: 0;
	font-size: 11px;
}
header .nav-profile > a,
header .nav-right a {
	font-size: 18px;
	padding: 0px 10px;
	font-weight: 400;
	line-height: 0px;
	border-radius: 5 !important;
	-webkit-border-radius: 3 !important;
	position: relative;
	display: inline-block;
	text-transform: inherit;
}
header .nav-profile > a {
	font-weight: 500;
	position: relative;
}
header .nav-right .dropdown-menu {
	margin: 0;
	padding: 5px 0;
	min-width: 180px;
	right: 0;
	left: auto;
	top: 60px;
	border-radius: 0;
	-webkit-border-radius: 0;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: rgba(0,0,0, 0.13);
    box-shadow: 0 2px 10px 0 rgba(0,0,0, 0.1);
	-webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0, 0.1);
}
header .nav-right .dropdown-menu li {
	padding: 0;
	margin-right: 0;
}
header .nav-right .dropdown-menu li.divider {
	margin: 5px 0px;
}
header .nav-right .dropdown-menu a {
	display: block;
    margin: 0;
    padding: 12px 24px;
    line-height: inherit;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.7);
}
header .nav-right .nav-dropdown .dropdown-menu a {
	padding: 2px 23px;
	border: 0;
}
header .nav-right .dropdown-menu a:active,
header .nav-right .dropdown-menu a:focus,
header .nav-right .dropdown-menu a:hover {
	color: rgba(0,0,0, 0.7);
	background-color: rgba(245, 245, 245, 0.7);
}
header .dropdown-menu li .label {
	font-size: 10px;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	padding: 5px 7px;
	position: absolute;
	top: 10px;
	right: 20px;
}
header .nav-right .nav-profile .dropdown-menu li .label {
	margin-top: -2px;
}
header .nav-right .dropdown-menu a i {
	color: rgba(0,0,0, 0.7);
	font-size: 13px;
	width: 22px;
	margin-right: 0;
}
header .nav-profile img {
	height: 30px;
	width: 30px;
	display: inline-block;
	border-radius: 50%;
	-webkit-border-radius: 50%;
}
header .nav-profile > a >span {
	display: inline-block;
	margin-left: 10px;
	margin-top: 0px;
	ont-family: "rubik";
    font-weight: 300;
}
header .nav-profile > a > span:after {
	content: "\f078";
	font-size: 8px;
	font-family: "FontAwesome";
	margin-left: 6px;
	float: right;
}


/*---------- 20. Navigation ----------*/
nav {
	display: inline-block;
	padding: 0;
	float: right;
}
nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
nav ul li {
	float: center;
	padding: 0;
}
nav ul li a {
	color: #fff;
	font-size: 18px;
	font-weight: 300;
	position: relative;
	margin-right: 12px;
}
nav ul li a.active, 
nav ul li a:hover,  
nav ul li a:focus, 
nav ul li a:active {
	color: #00aeff;
	font-size: 18px;
	font-weight: 300;
	position: relative;
}
nav > .nav-control > ul > li.dropdown > a:after {
	
}
nav > .nav-control > ul > li.dropdown > a:before {
	content: "";
	position: absolute;
	width: 100px;
	height: 18px;
	bottom: -8px; 
	z-index: 998;
	left: 0;
}
nav ul li a i {
	font-size: 10px;
	display: inline-block;
}
nav ul li.dropdown.open > a {
	position: relative;
	color: #FFF;
}
nav ul li .dropdown-menu {
	background: #fff;
    margin-top: 0px;
    z-index: 999;
    top: 70px;
    padding: 12px 0 15px 0;
    min-width: 250px;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.25);
    border-radius: 0;
    
}
nav ul li .dropdown-menu li a {
	font-weight: normal;
	padding: 8px 25px;
	margin: 0 !important;
	font-size: 13px !important;
	color: rgba(0,0,0, 0.7);
	line-height: inherit !important;
	text-shadow: none;
	text-transform: none;
	background-color: transparent;
	border: 0 !important;
	display: block;
	border-radius: 0;
	-webkit-border-radius: 0;
	-webkit-transition: 0s;
	transition: 0s;
}
nav ul li .dropdown-menu li a:hover,
nav ul li .dropdown-menu li.active a, 
nav ul li .dropdown-menu li a:focus {
	color: rgba(0,0,0, 0.7);
	background-color: rgba(245, 245, 245, 0.7);
	-webkit-transition: 0s;
	transition: 0s;
	-webkit-border-radius: 0;
	-webkit-transition: 0s;
}
nav ul li .dropdown-menu > li {
	margin: 0;
	padding: 0;
	background: transparent;
	border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
}	
nav ul li .dropdown-menu.default li {
	width: 100%;
}
nav .container {
	position: relative;
}

/* --- mega menu --- */
.mega-dropdown {
	position: static !important; 
	display: inline-block;
}
.mega-dropdown-menu {
	background-repeat: no-repeat !important;
	background-position: right -1px bottom -1px !important;
	background: #FFF;
	padding: 0 !important;
	width: 100%;
	top: 60px;
	right: auto;
	z-index: 999;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: rgba(0,0,0, 0.15);
    box-shadow: 0 2px 10px 0 rgba(0,0,0, 0.1);
	-webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0, 0.1);
	margin-top: 0px !important;
	position: absolute !important;
	border-radius: 0 !important;
} 
.mega-dropdown-sm {
	position: relative !important; 
}
.mega-dropdown-sm .mega-dropdown-menu {
	width: auto !important;
	min-width: 550px;
	left: 0;
}
.mega-dropdown-menu:after, 
.mega-dropdown-menu:before  {
	display: none;
}
.mega-dropdown-menu:after {
	border-bottom-color: #2a5d9f !important;
}
.mega-dropdown-menu:before {
	display: none;
}
.open .mega-dropdown-menu  {
	display: table !important;
}
.mega-dropdown-menu > li  {
	float: none;
	display: table-cell;
	vertical-align: top;
	box-shadow: 1px 0 0 0 rgba(0,0,0, 0.06);
	-webkit-box-shadow: 1px 0 0 0 rgba(0,0,0, 0.06);
}
.mega-dropdown-menu > li > ul {
	padding: 0;
	margin: 0;
	position: relative;
	display: block;
	min-height: 100% !important;
	border-radius: 0 !important;
}
.mega-dropdown-menu > li > ul > li {
	list-style: none;
	float: none;
	padding-left: 1px;
}
.mega-dropdown-menu > li:first-child ul li {
	padding-left: 0;
}
.mega-dropdown-menu > li:last-child {
	box-shadow: none;
	-webkit-box-shadow: none;
}
.mega-dropdown-menu > li > ul > li:last-child {
	margin-bottom: 30px;
	box-shadow: none;
	-webkit-box-shadow: none;
}
nav ul li .dropdown-menu > li i,
.mega-dropdown-menu > li ul > li i {
	margin: 0;
	padding: 0;
	width: 20px;
}
.mega-dropdown-menu .dropdown-header {
	color: rgba(0,0,0, 0.7);
	font-size: 12px;
	font-family: "titillium web",sans-serif;
	font-weight: 600;
	padding: 18px 25px 10px 25px !important;
	margin: 10px 0 5px;
	text-transform: uppercase;
	display: block;
}
.mega-dropdown-menu .dropdown-header:nth-child(7) {
	margin-top: 10px;
}

/* --- category menu --- */
.open .mega-dropdown-menu.category {
	display: block;
}
.mega-dropdown-menu.category li {
	display: inline-block;
	float: left;
}
.mega-dropdown-menu.category li a {
	padding: 15px;
}
.mega-dropdown-menu.category li a:hover,
.mega-dropdown-menu.category li a:focus {
	background-color: transparent;
}
.mega-dropdown-menu.category li a:hover h3,
.mega-dropdown-menu.category li a:focus h3 {
	color: #2776dc;
}
.mega-dropdown-menu.category li img {
	width: 100%;
}
.mega-dropdown-menu.category li .caption {
	margin-top: 15px;
	position: relative;
	
}
.mega-dropdown-menu.category li .caption .label {
	float: none;
	margin-left: 15px;
	margin-top: -53px;
	font-size: 11px;
	position: absolute;
	left: 0px;
	right: auto;
	top: auto;
	padding: 7px 8px;
	display: inline-block;
}
.mega-dropdown-menu.category li .caption h3 {
	display: inline-block;
	font-weight: 400 !important;
	font-size: 21px;
    margin-left: 10px;
}
.mega-dropdown-menu.category li .caption p {
	display: block;
	width: 100%;
	font-size: 13px;
	line-height: 18px;
	margin: 3px 0 0px 0;
	color: #969696;
}
	
/* --- three level menu --- */
.dropdown-submenu {
	position: relative;
	padding: 0 !important;
}
.dropdown-submenu.open a {
	border-radius: 0 !important;
	background-color: rgba(245, 245, 245, 0.7);
}
.dropdown-submenu > a {
	position: relative;
}
.dropdown-submenu > .dropdown-menu:after,
.dropdown-submenu > .dropdown-menu:before {
	display: none;
}
.dropdown-submenu > .dropdown-menu {	
	display: none !important;
	top: 0px;
	left: 200px;
	border-radius: 0 !important;
	position: absolute;
	border-width: 1px;
	border-style: solid;
	border-color: rgba(0,0,0, 0.13);
    box-shadow: 0 2px 10px 0 rgba(0,0,0, 0.1);
	-webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0, 0.1);
}
.dropdown-submenu:hover > .dropdown-menu {
	display: inherit !important;
	margin: 0 !important;
	border-radius: 0 !important;
}
.dropdown-submenu .dropdown-menu a {
	border-radius: 0 0 0 0 !important;
	background-color: #FFF;
	padding-left: 30px !important;
}
.dropdown-submenu .dropdown-menu a:hover {
	padding-left: 30px !important;
}
.dropdown-submenu.pull-left {
	float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
	left: -100%;
	margin-left: 10px;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}


/*---------- 21. Headline ----------*/
.headline {
	margin-bottom: 25px;
	margin-top: 0;
	padding-left: 0;
	padding-top: 0;
	display: block;
	text-align: left;
	border: 0;
}
.headline h1,
.headline h2,
.headline h3,
.headline h4 {
	font-weight: 700 !important;
	display: inline-block;
	float: left;
	text-transform: uppercase;
	padding-top: 12px; 
}
.headline h4 i {
	margin-right: 10px;
}
.headline small {
	display: block !important;
	text-transform: initial;
	margin-top: 5px;
	color: rgba(0,0,0, 0.5);
}
.headline .dropdown {
	float: right;
	font-size: 14px;
	margin-left: 10px;
	margin-top: 1px;
}
.headline .dropdown-menu {
	text-transform: inherit !important;
}
.headline .btn-group {
	margin-left: 10px;
}
.headline .btn {
	text-transform: inherit;
}
.headline .form-control {
	 float: right;
	 display: inline-block;
	 width: 250px;
	 margin-left: 10px;
	 height: 40px;
	 margin-top: 1px;
}


/*---------- 22. Cards ----------*/
.card {
	padding:  0;
	margin-bottom: 0px;
	display: block;
}

.cardempty {
	padding:  0;
	display: block;
}

.card .card-header {
	color: #769ebb;
    font-weight: 400;
    font-size: 24px;
    padding: 5px 10px;
    border-radius: 1px 1px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    text-align: center;
	
}
.card .card-header i {
	margin-right: 7px;
}
.card.card-primary .card-header {
	background-color: #fff !important;
}
.card.card-success .card-header {
	background-color: #0E9A49 !important;
}
.card.card-danger .card-header {
	background-color: #e74c3c !important;
}
.card.card-warning .card-header {
	background-color: #FF8E2B !important;
}
.card.card-info .card-header {
	background-color: #52BAFF !important;
}
.card .card-img {
	position: relative;
	display: block;
}
.card .card-imgb {
	position: relative;
	display: block;
	margin-top: 10px;
}
.card .card-img img {
	width: 100%;
	height: auto;
	border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
}
.card .category {
	position: absolute;
	bottom: 10px;
    left: 8px;
	color: #FFF;
	font-size: 14px;
}
.card .category i {
	margin-right: 8px;
}
.card .category .label {
	font-size: 12px;
    text-transform: uppercase;
    padding: 5px 12px;
    font-weight: 300;
    border-radius: 30px;
    -webkit-border-radius: 30px;
}

.card .category .label2 {
	font-size: 16px;
	text-transform: uppercase;
	padding: 8px 12px;
	font-weight: 400;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	
}
.card .meta {
	position: absolute;
	bottom: 20px;
	right: 25px;
	color: #FFF;
	font-size: 14px;
}
.card .time a,
.card .meta a {
	color: #FFF;
}
.card .meta i {
	font-size: 18px;
	margin-left: 15px;
	margin-right: 10px;
}
.card .meta span {
	margin-top: -2px;
	display: inline-block;
	float: right;
}
.card .time {
	position: absolute;
	bottom: 16px;
	right: 20px;
	color: #FFF;
	font-size: 12px;
	background: rgba(0,0,0, 0.8);
	border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 2px 5px;
}
.card .card-title {
	font-size: 21px;
    font-family: "Rubik";
    font-weight: 400 !important;
    line-height: 1.2;
	padding-top: 5px;
	text-align: center;

}

.card .card-title-center {
	font-size: 26px;
    font-family: "Rubik";
    font-weight: 400 !important;
    line-height: 1.1;
	tex-align: center;
}

@media (max-width: 990px) {
.card .card-title {
	font-size: 30px;
    font-family: "Rubik";
    font-weight: 400 !important;
    line-height: 1.1;
}
}


@media (max-width: 990px) {
.card .card-title2 {
	font-size: 18px;
	font-family: "Rubik";
	font-weight: 400 !important;
	line-height: 1.1;
}
}


.card .card-title3 {
	font-size: 21px;
	font-family: "Rubik";
	font-weight: 400 !important;
	line-height: 1;
	text-align: center;
	
	}

.card .caption {
	padding: 0px 50px 0px 50px;
    -webkit-transition: 0.25s;
    transition: 0.25s;
    color: #959595;
}

.card .caption p {
	font-size: 24px;
    line-height: 26px;
    color: #27323f;
 
}
.card .btn {
	margin-top: 20px;
	max-width: 140px;
}

@media (max-width: 990px) {
.card .caption ul {
	font-size: 15px;
	font-weight: 400;
}
}

.card .caption ul li:first-child {
	padding-left: 0;
}
.card .caption ul li {
	display: inline-block;
	padding-left: 15px;
}
.card .caption ul li i {
	margin-right: 5px;
}
.card .caption .meta {
	font-size: 14px;
}
.card .caption .meta i {
	margin-right: 5px;
}
.card.card-game .card-img {
	overflow: hidden;
}
/* --- card-video --- */
.card.card-video {
	margin-bottom: 10px;
}
.card.card-video .caption,
.card.card-video.active .caption,
.card.card-video:hover .caption {
	padding: 14px 0;
	box-shadow: none;
	-webkit-box-shadow: none;
	border: 0;
	background-color: transparent;
}
.card .caption p {
	margin-top: 8px;
}
.card-video-md {
	margin-bottom: 20px !important;
}
.card-video-md .card-img a {
	display: block;
	overflow: hidden;
	max-height: 200px;
}
.card-video .card-img img,
.card-game .card-img img {
	border-radius: 0;
	-webkit-border-radius: 0;
}
.card.card-video .caption ul {
	font-size: 12px;

	color: #969696;
}
/* --- card-group --- */
.card-group .card {
	min-height: 360px;
	max-height: 360px;
    overflow: hidden;
    margin-bottom: 35px;
}

/* --- card-list --- */
.card-list {
	text-align: center;
	margin-bottom: 45px;
}
.card-list .card-img {
	position: relative;
}
.card-list .caption p {
	font-size: 14px;
}
.card-list .card-img img {
	width: auto;
	border-radius: 0;
	-webkit-border-radius: 0;
}
.card-list .label {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: -20px;
	border-radius: 50%;
	width: 46px;
	height: 45px;
	line-height: 45px;
	padding: 0;
	text-align: center;
	box-shadow: 0 2px 3px 0 rgba(0,0,0, 0.08);
	-webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0, 0.08);
	font-size: 14px;
	font-weight: bold;
}
.card-list .caption {
	margin-top: 35px;
	padding: 0px;
	border: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
	background: none;
}
.card-list:hover .caption {
	background-color: transparent !important;
	box-shadow: none;
	-webkit-box-shadow: none;
	color: #6D6D6D;
}
.owl-carousel.owl-video {
	padding-left: 15px;
}
.owl-carousel.owl-video .card {
	padding: 0 15px 0 0;
}
.owl-carousel .card-list  {
	margin: 0;
}
.card-list .card-title {
	margin-bottom: 15px;
	font-weight: normal !important;
	font-size: 18px;
}
.card-list .caption a {
	color: #4f4f4f;
}
.card-list .caption a:hover {
	color: #2776dc;
}
/* --- card-post --- */
.card-post {
	margin-bottom: 0px;
}
.card-post .card-img {
	position: relative;
}
.card-post .caption p {
	font-size: 14px;
}
.card-post .card-img img {
	width: auto;
	border-radius: 0;
	-webkit-border-radius: 0;
}
.card-post ul li {
	font-size: 12px;
}
.card-post .card-title {
	margin-bottom: 5px;
}
.card-post .caption {
	padding: 15px 0 0 0;
	border: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
	background: none;
}
.card-post .caption a {
	color: #4f4f4f;
}
.card-post .caption a:hover {
	color: #2776dc;
}
.masonry .card .caption p {
	font-size: 18px;
    line-height: 1.3;
    color: #8fa4be;
}


/*---------- 23. Sections ----------*/
section {	
	padding: 15px 0 0 0;
}
section.half-section {
	padding: 0;
	background: #FFF;
	min-height: 600px;
	overflow: hidden;
	display: table;
	width: 100%;
}
section.half-section .col {
	display: table-cell;
	float: none;
	vertical-align: top;
}
section.half-section .col .half-bg {
	padding: 0;
	height: 100%;
	min-height: 100%;
	position: relative;
	background-size: cover;
	background-position:100%;
}
.background-image {
	position: relative;
	background-repeat:no-repeat;
	background-position:50%;
	background-size: cover;
	padding: 700px 0;
	overflow: hidden;
}
.background-image.parallax {
	background-position: 50% 0;
}
.background-image.full-height {
	height: 100%;
	width: 100%;
	background-position:100%;
}
.background-overlay {
	background: rgba(0,0,0,0);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
}
section.hero {
	height: 270px;
	position: relative;
	background-repeat: no-repeat; 
	background-position: top center;
	background-size: cover;
	padding: 60px 0;
}
section.hero .hero-bg {
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,0.7);
	position: absolute;
	top: 0;
	z-index: 2;
}
section.hero .hero-bg-primary {
	height: 100%;
	width: 100%;
	background: rgba(39,118,220,0.9);
	position: absolute;
	top: 0;
	z-index: 2;
}
section.hero .container.relative {
	z-index: 3;
	height: 100%;
}
section.hero .breadcrumb {
	padding: 0;
	font-weight: 300 !important;
}
section.hero .breadcrumb >.active,
section.hero .breadcrumb > li > a {
	color: #FFF;
}
section.hero > .container {
	text-align: center;
	position: absolute;
	z-index: 3;
	top:0;
	bottom: 0;
	height: 100%;
	width: 100%;
	left: 0;
	right: 0;
	margin: auto;
	display: table;
}
section.hero.hero-panel {
	height: auto;
}
section.hero.hero-panel > .container {
	position: relative;
	text-align: left;
}
section.hero > .container .page-header  {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	border: 0;
}
section .page-title {
	color: #FFF;
	font-family: "Rubik";
	font-size: 30px;
	text-transform: uppercase;
	font-weight: 700;
}
section.hero.bg-white {
	height: 200px;
}
section.hero.bg-white .breadcrumb > li > a,
section.hero.bg-white .breadcrumb >.active,
section.hero.bg-white .page-title {
	color: #4f4f4f;
}
section.hero.cover {
	height: 300px;
}
section.hero.cover .hero-bg {
	background: rgba(0,0,0,0.6);
}
section.hero.cover .page-title {
	position: absolute;
	bottom: -50px;
	left: 220px;
	font-size: 24px;
}
section.hero.cover .page-title .activity {
	font-size: 17px;
	color: #00c254;
	text-transform: inherit;
	position: relative;
	margin-left: 10px;
	display: inline-block;
	font-weight: bold;
}
section.hero.cover i {
	margin-right: 0px;
}
section.hero.cover .container {
	position: relative;
	width: 1170px;
}
section.hero.hero-game {
	padding: 70px 0;
	height: 350px;
}
section.hero.hero-game .page-header {
	margin: 20px 0 0 0;
	position: relative;
	text-align: center;
}
section.hero.hero-game .game-title {
	position: relative;
}
section.hero.hero-game .page-header .page-title {
	font-size: 30px;
	font-weight: 700;
}
section.hero.hero-game .btn {
	margin-top: 30px;
	text-transform: inherit;
}
section.hero .profile-avatar {
	position: absolute;
	left: 15px;
	bottom: -150px;
}
section.hero .profile-avatar .thumbnail {
	padding: 5px !important;
}
section.hero .profile-avatar img {
	width: 160px !important
}
section.hero .page-title a {
	color: #FFF;
}
section.hero p {
	font-size: 14px;
	text-transform: initial;
	color: #FFF;
	font-weight: 300;
	margin-bottom: 30px;
}
section.hero.hero-review {
	height: 350px;
}
section.hero.hero-review > .container {
	width: 1000px;
}
section.hero.hero-review .btn-circle {
	font-size: 26px;
	width: 80px;
	height: 80px;
	line-height: 80px;
}
section.hero.hero-games > .container .page-header,
section.hero.hero-review > .container .page-header {
	vertical-align: bottom;
}
section.hero.hero-review .page-title a {
	color: #FFF;
}
section.hero.hero-games .page-title,
section.hero.hero-review .page-title {
	margin-top: 30px;
	font-weight: bold;
}
section.hero.hero-review p {
	font-size: 14px;
	text-transform: initial;
	color: #FFF;
	font-weight: 300;
	margin-bottom: 30px;
}
section#video {
	height: 760px;
	background-color: #0C0D0E;
}
.image-right {
	 position: absolute;
	 max-width: inherit;
}


/*---------- 24. Posts ----------*/
.post {
	text-align: left;
	margin-bottom: 00px;
	padding-bottom: 40px;
	border-bottom: 1px solid #eeeeee;
}
.post-fl {
	border: 0;
	padding-bottom: 0;
}
.post .post-header {
	margin: 0px 0 20px 0;
}
.post .post-title a {
	color: rgba(39, 39, 39, 0.8);
}
.post-thumbnail {
	margin-bottom: 0px;
	position: relative;
	
}
}
.post-thumbnail img {
	width: 100%;
}
.post-thumbnail .label {
	position: absolute;
	bottom: 15px;
	left: 15px;
}
.post-thumbnail .meta a {
	color: #FFF;
}
.post-thumbnail .meta {
	position: absolute;
	bottom: 15px;
	right: 20px;
	color: #FFF;
	font-size: 14px;
}
.post .post-caption {
	background-color: #141619;
	padding: 12px 20px;
	color: #FFF;
	position: absolute;
	bottom: 20px;
	left: 20px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
}
.post .post-title h1,
.post .post-title h2,
.post .post-title h3,
.post .post-title h4,
.post .post-title h5, 
.post .post-title h6 {
	margin-bottom: 0;
	font-weight: 700 !important;
}
.post.post-single .post-title h1,
.post.post-single .post-title h2,
.post.post-single .post-title h3,
.post.post-single .post-title h4,
.post.post-single .post-title h5, 
.post.post-single .post-title h6 {
	text-transform: uppercase;
}
.post .post-header.post-author {
	margin-top: 0px;
}
.post .post-header.post-author .author {
	float: left;
	display: inline-block;
}
.post .post-header.post-author img {
	float: left;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
}
.post .post-header.post-author .post-title {
	float: left;
	width: 85%;
	padding-left: 20px;
}
.post .post-title h2 {
	font-size: 26px;
}
.post .post-meta {
	list-style-type: none;
	margin-top: 5px;
	padding: 0;
	font-size: 13px;
}
.post .post-meta,
.post .post-meta a {
	color: rgba(0,0,0,.5);
	font-weight: 400;
}
.post .post-meta a:hover,
.post .post-title a:hover {
	color: #2776dc;
}
.post .post-meta i {
	margin-right: 5px;
}
.post .post-meta li {
	display: inline;
}
.post .post-meta li:after {
	content: "//";
	margin: 0 6px;
}
.post .post-meta li:last-child:after {
	content: "";
}
.post .post-content {
	color: #5b5e65;
	font-size: 14px;
	line-height: 24px;
	padding: 25px 0px 0px 0px;
}

/* --- post large --- */
.post.post-lg {
	margin-bottom: 50px;
	padding-bottom: 20px;
}
.post.post-lg .post-title h2 {
	font-size: 28px;
}
.post.post-lg .post-header {
	margin-top: 0;
}

/* --- post md --- */
.post-md {
	margin-bottom: 30px;
	padding-bottom: 0px;
}
.post-md h4 {
	font-size: 20px;
}
.post-md p {
	font-size: 14px;
	line-height: 21px;
}
.post-md .post-caption {
	background-color: #141619;
	padding: 8px 12px;
	color: #FFF;
	position: absolute;
	left: 15px;
	bottom: 15px;
	font-size: 13px;
}
.post-md .post-meta {
	margin-bottom: 0;
}
.post-md .post-header {
	margin: 0 0 20px 0;
}
.post-md .post-date {
	margin-right: 20px;
}
.post-md .btn {
	margin: 20px 0 0 0;
}
.post-grid .card .caption {
	margin-bottom: 0;
}

/* --- post single --- */
.post.post-single {
	padding-bottom: 0px;
	margin-bottom: 30px;
	border-bottom: 0;
}
.post.post-single .post-header span.label {
	margin: 7px 10px 0 -70px;
	padding: 15px 0px;
	text-align: center;
	width: 40px;
	border-radius: 0;
	-webkit-border-radius: 0;
	display: block;
}
.masonry .post p,
.post.single p {
	margin-bottom: 30px;
}


/* --- post carousel --- */
.post-carousel {
	height: auto;
	overflow: hidden;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #000;
	padding-right: 1px;
}
.post-carousel a.link {
	display: block; 
	height: 100%;
}
.post-carousel img {
	width: 100%;
	opacity: 1;	
	-webkit-transition: 0.25s;
	transition: 0.25s;
	max-width: inherit;
}
.post-carousel:hover img {
	opacity: 1;
}
.post-carousel .overlay {
	display: block;
	height: 100%;
	width: 100%;
	bottom: 0;
	position: absolute;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
	-webkit-transition: background 0.25s linear;
	transition: background 0.25s linear;
}
.post-carousel .caption {
	bottom: 10px;
	left: 0px;
	padding: 0 30px;
	width: 100%;
	position: absolute;
}
.post-carousel .caption p {
	display: block;
	color: #E4E4E4;
	font-size: 13px;
	font-weight: 300;
	color: rgba(255,255,255, 0.7);
}
.post-carousel span.label {
	font-size: 11px;
	float: left;
	margin-right: 10px;
}
.post-carousel .post-title {
	display: block;
	width: 100%;
	margin-top: 40px;
}
.post-carousel .post-title h4 {
	color: #FFF;
	font-weight: 600 !important;
	font-size: 21px;
	line-height: 24px;
	display: block;
}
.post-carousel .comments {
	float: right;
	display: inline-block;
	margin-top: 0;
	color: #FFF;
}
.post-carousel .comments a {
	color: #FFF;
}

/* --- post review--- */
.post-review {
	margin-bottom: 30px;
	padding-bottom: 0px;
}
.post-review h4 {
	font-size: 20px;
}
.post-review p {
	font-size: 14px;
	line-height: 22px;
}
.post-review .post-caption {
	background-color: #141619;
	padding: 12px 12px;
	color: #FFF;
	position: absolute;
	left: 15px;
	bottom: 15px;
	font-size: 13px;
}
.post-review .post-meta {
	margin-bottom: 0;
}
.post-review .post-header {
	margin: 0 0 20px 0;
}
.post-review .post-date {
	margin-right: 20px;
}
.post-review .btn {
	margin: 30px 0;
}
.post-review .post-header .label {
	float: left;
	margin-right: 10px;
	height: 45px;
	width: 40px;
	line-height: 45px;
	border-radius: 0;
	-webkit-border-radius: 0;
	font-weight: bold;
	padding: 0;
	font-size: 15px;
	text-align: center;
}
.post-review .post-thumbnail .label {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: -20px;
	border-radius: 50%;
	width: 46px;
	height: 45px;
	line-height: 45px;
	padding: 0;
	text-align: center;
	box-shadow: 0 2px 3px 0 rgba(0,0,0, 0.08);
	-webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0, 0.08);
	font-size: 14px;
	font-weight: bold;
}
.post-review .btn  {
	margin: 15px 0 0 0;
}

/* --- post block --- */
.post-block {
	height: auto;
	overflow: hidden;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #000;
	position: relative;
}
.post-block a.link {
	display: block; 
	height: 100%;
}
.post-block img {
	width: 100%;
	-webkit-transition: 0.25s;
	transition: 0.25s;
	max-width: 100%;
	max-height: 610px;
}
.post-block .overlay {
	display: block;
	height: 100%;
	width: 100%;
	bottom: 0;
	left: 0;
	position: absolute;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
	-webkit-transition: background 0.25s linear;
	transition: background 0.25s linear;
}
.post-block .caption {
	bottom: 10px;
	left: 0px;
	padding: 0 35px;
	width: 100%;
	position: absolute;
}
.post-block .caption p {
	display: block;
	color: #E4E4E4;
	font-size: 13px;
	font-weight: 300;
	color: rgba(255,255,255, 0.7);
}
.post-block span.label {
	font-size: 11px;
	float: left;
	margin-right: 10px;
}
.post-block .post-title {
	display: block;
	width: 100%;
	margin-top: 40px;
}
.post-block .post-title h4 {
	color: #FFF;
	font-weight: 600 !important;
	font-size: 21px;
	line-height: 24px;
	display: block;
}
.post-block.first span.label {
	float: right;
	margin-right: 0;
}
.post-block.first .caption {
	padding: 0 40px;
	text-align: right;
}
.post-block.first .post-title {
	margin-top: 30px;
}
.post-block.first .post-title h4 {
	font-size: 30px;
	line-height: 34px;
}
.post-block .comments {
	float: right;
	display: inline-block;
	margin-top: 0;
	color: #FFF;
}
.post-block .comments a {
	color: #FFF;
}

.post-block-carousel .post-block {
	background: #000;
}
.post-block-carousel .post-block img {
	opacity: 0.4;
}
.post-block-carousel .post-block.first {
	margin-bottom: 0;
}
.post-block-carousel .post-block.first span.label {
	float: left;
}
.post-block-carousel .post-block .caption {
	padding: 0 30px;
	bottom: 20px;
}
.post-block-carousel .post-block .post-title {
	margin-top: 40px;
}
.post-block-carousel .post-block {
	margin-bottom: 30px;
}
.post-block-carousel .post-block.first .caption {
	text-align: left;
	padding: 0 40px;
	bottom: 20px;
}
.post-block-carousel .post-title h4 {
	color: #FFF;
	font-weight: 600 !important;
	font-size: 18px;
	line-height: 24px;
	display: block;
}
.post-block-carousel .post-block.first .post-title h4 {
	font-size: 30px;
	line-height: 34px;
}

/* --- post panel --- */
.panel.panel-post {
	margin-bottom: 40px;
}
.panel.panel-post .panel-body {
	padding: 0;
}
.panel.panel-post .post {
	padding: 20px;
	margin: 0px;
	border-bottom: 0;
}
.panel.panel-post .post .post-header.post-author img {
	width: 55px;
	height: 55px;
}
.panel.panel-post .post .post-header.post-author .post-title {
	padding-left: 15px;
	text-transform: inherit;
}
.panel.panel-post .post .post-header {
	margin-bottom: 15px;
}
.panel.panel-post .post .post-thumbnail {
	margin-bottom: 20px;
}
.post-action {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.post-action {
	margin-left: 10px;
}
.post-action li {
	display: inline-block;
}
.post-action li a {
	font-size: 13px;
	color: rgba(0,0,0, 0.6);
	display: inline-block;
	margin: 0 20px 0 0px;
	font-weight: 400;
}
.post-action li a.active,
.post-action li a:focus,
.post-action li a:hover {
	color: #2776dc;
}
.post-action li a i {
	margin-right: 5px;
}

/* --- profile --- */ 
.profile-nav {
	padding: 0;
}
.profile-nav .tab-select .container {
	padding: 0 0 0 220px;
}
.profile-nav ul li a span {
	font-weight: 300 !important;
	font-size: 14px;
}

/* --- forum --- */
.forum {
	list-style-type: none;
	padding: 0;
	margin: 0 0 40px 0;
	background: #FFF;
	border: 1px solid #E4E4E4;
	-webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
	border-radius: 3px;
	-webkit-border-radius: 3px;
}
.forum .forum-group {
	color: #636363;
	margin-top: 0px;
	line-height: 40px;
	padding: 20px 20px 15px 20px;
	border-bottom: 1px solid #E4E4E4;
}
.forum .forum-group:last-child {
	border-bottom: 0;
}
.forum .forum-group .forum-icon {
	padding-right: 0px;
	vertical-align: middle;
	float: left;
	width: 20px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	position: relative;
	margin-right: 22px;
}
.forum .forum-group .forum-icon i {
	font-size: 23px;
}
.forum .forum-group .forum-icon .label {
	position: absolute;
	top: 0;
	font-size: 10px;
	padding: 3px;
}
.forum .forum-group .forum-icon .label.icon {
	right: -10px;
	padding: 4px;
}
.forum .forum-group .forum-icon .label i {
	font-size: 11px;
}
.forum .forum-group p {
	font-size: 13px;
	margin-bottom: 0;
}
.forum .forum-title h4 {
	font-size: 15px;
	font-weight: 500 !important;
}
.forum .forum-title {
	float: left;
}
.forum .forum-group a,
.forum .forum-title a {
	color: #636363;
}
.forum .forum-group .forum-activity div h4 a:hover,
.forum .forum-group a:hover,
.forum .forum-group a:focus,
.forum .forum-group a:active,
.forum .forum-title a:hover,
.forum .forum-title a:focus,
.forum .forum-title a:active {
	color: #2776dc;
}
.forum .forum-group .forum-meta {
	font-size: 13px;
	float: right;
	margin-left: 30px;
	color: #808080;
	text-align: right;
	min-width: 60px;
}
.forum .forum-group .forum-activity {
	float: right;
	width: 210px;
	margin-left: 35px;
	padding-top: 2px;
}
.forum .forum-group .forum-activity a {
	display: inline-block;
	float: left;
}
.forum .forum-group .forum-activity img {
	height: 30px;
	width: 30px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	float: left;
	margin-right: 10px;
}
.forum .forum-group .forum-activity div {
	display: inline-block;
	text-align: left;
	float: left;
}
.forum .forum-group .forum-activity div h4 {
	font-size: 13px;
	font-weight: 500 !important;
	line-height: initial;
	margin-bottom: 3px;
	display: block;
}
.forum .forum-group .forum-activity div h4 a {
	color: #848484;
	display: block;
	float: none;
}
.forum .forum-group .forum-activity div span {
	font-size: 12px;
	display: block;
	line-height: initial;
	color: #696969;
}
.forum .forum-group .forum-activity div span a {
	color: #696969;
	float: none;
}
.forum .forum-group.lock .forum-title a {
	color: #A9A9A9;
}
.forum .forum-group.lock .forum-activity img {
	opacity: 0.3;
}
.forum .forum-group.lock .forum-threads,
.forum .forum-group.lock .forum-meta,
.forum .forum-group.lock .forum-activity .forum-activity-meta h4 a,
.forum .forum-group.lock .forum-activity .forum-activity-meta span a,
.forum .forum-group.lock .forum-activity .forum-activity-meta span {
	color: #A9A9A9;
}
.forum .forum-group.lock {
	color: #A9A9A9;
	background-color: rgba(0,0,0, 0.02);
}
.forum-post {
	margin-bottom: 30px;
	background: #FFF;
	border: 1px solid #E4E4E4;
	-webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
	border-radius: 3px;
	-webkit-border-radius: 3px;
}
.forum-post .forum-panel {
	padding: 30px 25px;
	display: table;
}
.forum-post .forum-user {
	display: table-cell;
	vertical-align: top;
	width: 110px;
	padding-right: 30px;
	text-align: center;
}
.forum-post .forum-user .avatar {
	display: inline-block;
	position: relative;
}
.forum-post .forum-user .avatar .label {
	padding: 6px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 2;
	display: inline-block;
	border: 2px solid #FFF;
}
.forum-post .forum-user div {
	padding-top: 10px;
}
.forum-post .forum-user div span {
	font-size: 12px;
	color: #777777;
	display: block;
}
.forum-post .forum-user div a {
	font-weight: 600;
	font-size: 14px;
	color: #636363;
	display: block;
	margin-bottom: 10px;
}
.forum-post .forum-user div a:hover {
	color: #2776dc;
}
.forum-post .forum-body {
	display: table-cell;
	vertical-align: top;
	font-size: 14px;
}
.forum-post .forum-body p:last-child {
	margin-bottom: 0;
}
.forum-post .forum-user img {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
}
.forum-post .forum-footer {
	display: block;
	padding: 10px 20px;
	border-top: 1px solid #E4E4E4;
}
.forum-post .forum-footer .post-action {
	float: left;
}
.forum-post .forum-footer .post-meta {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 13px;
	color: rgba(0,0,0, 0.6);
	display: inline-block;
	margin: 0 20px 0 0px;
	float: right;
	font-weight: 400;
}
.forum-post .forum-footer .post-meta li {
	display: inline-block;
	margin-left: 10px;
}
.forum-post .forum-footer .post-meta i {
	margin-right: 5px;
}
.forum-post h1,
.forum-post h2,
.forum-post h3,
.forum-post h4,
.forum-post h5,
.forum-post h6 {
	margin-bottom: 20px;
}

/* --- attachment --- */
.attachment {
	background: #F9F9F9;
	padding: 30px 40px;
	margin-top: 30px;
}
.attachment h4 {
	font-weight: 300 !important;
	font-size: 16px;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.attachment a {
	font-weight: bold;
	color: #2776dc;
}
.attachment a:hover {
	color: #313131;
}
.attachment a i {
	margin-right: 5px;
	color: #6D6D6D;
}
.attachment span {
	display: block;
	font-size: 13px;
	margin-top: 5px;
}

/* --- text editor --- */
.note-editor.note-frame {
	border: 0 !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
}
.panel-heading.note-toolbar {
	padding: 5px 0 10px 15px !important;
}
.note-editor.note-frame .note-editing-area .note-editable {
	padding: 10px 20px !important;
}
.note-icon-font.note-recent-color {
	background-color: transparent !important;
}

/*---------- 25. Widgets ----------*/
.widget {
	margin-bottom: 50px;
}
.widget:last-child {
	margin-bottom: 0px;
}
.widget:first-child .panel {
	margin-top: 0;
}
.widget .title {
	padding: 2px 0 2px 20px;
    border: 0;
    font-size: 24px;
    text-align: left;
    margin: 0 0 20px 0;
    font-weight: 400;
    text-transform: uppercase;
    color: rgb(255 255 255 / 70%);
    border-left: 2px solid #2776dc;
}

/* --- widget list --- */
.widget-list ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.widget-list ul li {
	display: block;
	border-bottom: 1px solid rgba(0,0,0, 0.08);
	padding: 10px 0;
}
.widget-list ul li:first-child {
	padding-top: 0px;
}
.widget-list ul li:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}
.widget-list ul li .thumb {
	display: inline-block;
    margin-right: 10px;
    
	
	
}
.widget-list ul li .thumb img {
	width: 100%;
}
.widget-list ul li .widget-list-title {
	margin-bottom: 0;
	font-size: 18px;
}
.widget-list ul li .widget-list-meta p {
	margin: 5px 0 0 0px;
    font-size: 16px;
    line-height: 19px;
    color: #fff;
}
.widget-list ul li .widget-list-meta i {
	margin-right: 5px;
	color: #0093ff;
}
.widget-list ul li .widget-list-meta {
	display: inline-block;
	width: 50%;
}

/* --- widget tabs --- */
.widget .tab-select {
	position: relative !important;
}
.widget .tab-select .nav-tabs > li > a {
	padding-top: 0;
}
.widget .tab-content {
	background-color: transparent;
	box-shadow: none;
	-webkit-box-shadow: none;
	padding: 20px 0;
	border: 0;
}

/* --- widget game --- */
.widget-game {
	color: #FFF;
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #000;
	background-size: cover;
}
.widget-game .progress {
	margin-bottom: 15px;
}
.widget-game .label.circle {
	border-radius: 50%;
	width: 46px;
	height: 45px;
	line-height: 45px;
	padding: 0;
	text-align: center;
	box-shadow: 0 2px 3px 0 rgba(0,0,0, 0.08);
	-webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0, 0.08);
	font-size: 14px;
	font-weight: bold;
}
.widget-game .chart-align {
	text-align: center;
	width: 100%;
	margin-bottom: 20px;
}
.widget-game .chart .percent {
	color: #FFF;
}
.widget-game .label {
	font-size: 10px;
	margin-top: 10px;
}
.widget-game .title {
	color: #FFF;
	border: 0;
	padding-left: 0;
	margin-bottom: 30px;
	font-size: 22px;
	line-height: 22px;
}
.widget-game .overlay {
	position: relative;
	border-radius: 3px;
	padding: 30px;
	background: rgba(0,0,0,0.7);
	height: 100%;
}
.widget-game .description {
	color: #FFF;
	padding: 0 0px;
	font-size: 13px;
	line-height: 22px;
	margin-top: 30px;
}
.widget-game .description h3 {
	color: #FFF;
	font-weight: bold !important;
	margin-bottom: 20px;
}

/* --- widget panel --- */
.widget .panel {
	margin-top: -10px;
}
.widget .panel .panel-heading {
	font-weight: bold;
}
.panel-list-bordered,
.panel-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.panel-list li {
	margin-top: 10px;
}
.panel-list li i {
	margin-right: 5px;
	width: 13px;
}
.panel-list-bordered li:last-child a {
	border-bottom: 0;
}
.panel-list-bordered li a {
	color: rgba(0,0,0, 0.7);
	font-size: 13px;
	font-weight: 400;
	padding: 10px 20px;
	border-bottom: 1px solid rgba(0,0,0, 0.06);
	display: block;
}
.panel-list-bordered li a:hover {
	background-color: rgba(0,0,0, 0.02);
}
.panel-list-bordered li i {
	margin-right: 5px;
	width: 16px;
}

/* --- widget friends --- */
.widget-friends .panel .panel-body {
	padding: 15px 20px 10px 20px;
}
.widget-friends ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.widget-friends ul li {
	display: inline-block;
	margin-right: 3px;
	margin-bottom: 5px;
}
.widget-friends ul li:nth-child(4n) {
	margin-right: 0;
}
.widget-friends a {
	display: inline-block;
}
.widget-friends img {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	width: 50px;
	height: 50px;
}

/* --- widget card --- */
.widget .card { 
	margin-bottom: 20px !important;
	height: auto !important;
}
.widget .card .card-img img {
	border-radius: 0;
	-webkit-border-radius: 0;
	width: 100%;
}
.widget .card .caption {
	padding: 12px 0 12px 0 !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	background: transparent;
	border: 0 !important;
}
.widget .card .card-title {
	font-size: 16px;
}

/* --- widget games --- */
.widget.widget-games ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	color: #FFF;
}
.widget.widget-games ul li {
	height: 100px;
	background-size: cover;
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #000;
	border-bottom: 1px solid #000;
}
.widget.widget-games ul li .overlay {
	display: block;
	height: 100%;
	position: relative;
	padding: 0 20px;
	background: -moz-linear-gradient(left,  rgba(0,0,0,0.89) 0%, rgba(0,0,0,0.89) 21%, rgba(0,0,0,0.23) 99%, rgba(0,0,0,0.23) 100%);
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0.89) 0%,rgba(0,0,0,0.89) 21%,rgba(0,0,0,0.23) 99%,rgba(0,0,0,0.23) 100%);
	background: linear-gradient(to right,  rgba(0,0,0,0.89) 0%,rgba(0,0,0,0.89) 21%,rgba(0,0,0,0.23) 99%,rgba(0,0,0,0.23) 100%);
	-webkit-transition: 0.25s;
	transition: 0.25s;
}
.widget.widget-games ul li .overlay:hover {
	background: -moz-linear-gradient(left,  rgba(0,0,0,0.49) 0%, rgba(0,0,0,0.49) 21%, rgba(0,0,0,0.23) 99%, rgba(0,0,0,0.23) 100%);
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0.49) 0%,rgba(0,0,0,0.49) 21%,rgba(0,0,0,0.23) 99%,rgba(0,0,0,0.23) 100%);
	background: linear-gradient(to right,  rgba(0,0,0,0.49) 0%,rgba(0,0,0,0.49) 21%,rgba(0,0,0,0.23) 99%,rgba(0,0,0,0.23) 100%);
	-webkit-transition: 0.25s;
	transition: 0.25s;
}
.widget.widget-games ul li .game-title {
	color: #FFF;
	font-weight: 700 !important;
	display: block;
}
.widget.widget-games ul li .game-meta span {
	margin-top: 5px;
	font-size: 11px;
	display: inline-block;
	color: rgba(255,255,255, 0.6);
}
.widget.widget-games ul li .number {
	display: inline-block;
	vertical-align: middle;
	line-height: 90px;
	font-size: 30px;
	font-weight: bold;
	float: left;
	color: rgba(255,255,255, 0.6);
	margin-right: 25px;
}
.widget.widget-games ul li .game-meta {
	width: 80%;
	float: left;
	padding-top: 30px;
	vertical-align: middle;
	display: inline-block;
}

/* --- tags --- */
.tags > a {
	padding: 7px 12px;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	border: 1px solid rgba(0,0,0,.1);
	color: rgba(0,0,0,.7);
	display: inline-block;
	margin: 0 5px 10px 0;
	font-size: 11px;
	font-weight: 400;
	text-transform: lowercase;
	background-color: #FFF;
}
.tags > a.active,
.tags > a:hover {
	text-decoration: none;
	border-color: #2776dc;
	color: #fff;
	background-color:  #2776dc;
}
.tags > a i {
	margin-left: 5px;
}
.tags.filter > a {
	margin-bottom: 0;
}

/* --- share --- */
.share {
	list-style-type: none;
	padding: 0;
	margin: 0;
	text-align: right;
}
.share li {
	display: inline;
}
.share li span {
	background-color: #FFF;
	border: 1px solid rgba(0,0,0, 0.1);
	display: inline-block;
	font-size: 11px;
	padding: 5px 8px;
	margin-right: 5px;
	margin-left: 8px;
	position: relative;
}
.share li span:after, .share li span:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
}
.share li span:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #FFF;
	border-width: 5px;
	margin-top: -5px;
}
.share li span:before {
	border-color: rgba(230, 230, 230, 0);
	border-right-color: #e6e6e6;
	border-width: 6px;
	margin-top: -6px;
}

/* --- rating --- */
.rating {
  unicode-bidi: bidi-override;
  direction: rtl;
  font-size: 20px;
}
.rating span.star {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
}
.rating span.star:hover {
  cursor: pointer;
}
.rating span.star.active:before,
.rating span.star:hover:before,
.rating span.star:hover ~ span.star:before {
  content: "\f005";
  color: #FFA700;
}
.rating span.star.active:hover:before,
.rating span.star:before {
  content: "\f005";
  padding-right: 5px;
  color: #FFF;
}

/* --- twitter --- */
#twitter ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-color: #FFF;
}
#twitter ul li {
	position: relative;
}
#twitter ul li a {
	font-weight: 600;
}
#twitter ul li:before {
	content: "\f099";
	font-family: "FontAwesome";
	float: left;
	margin-right: 10px;
	color: rgba(0,0,0, 0.7);
	position: absolute;
	left: 15px;
	top: 10px;
	font-size: 14px;
}
#twitter ul li:last-child {
	border-bottom: 0;
}
#twitter ul li .user {
	margin-bottom: 0px;
	font-size: 13px;
	display: block;
	border-width: 1px 1px 0 1px;
	border-color: rgba(0, 0, 0, 0.1);
	border-style: solid;
	padding: 8px 15px 8px 35px;
}
#twitter ul li .user span:nth-child(2) {
	display: none;
}
#twitter ul p {
	font-size: 13px;
	line-height: 21px;
}
#twitter ul p.tweet {
	margin: 0;
	position: relative;
	overflow: hidden;
	border: 1px solid rgba(0,0,0, 0.1);
	padding: 10px 15px;
}
#twitter ul p.tweet:after, #twitter ul p.tweet:before {
	bottom: 100%;
	left: 40px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
}
#twitter ul p.tweet:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #FFF;
	border-width: 10px;
	margin-left: -10px;
}
#twitter ul p.tweet:before {
	border-color: rgba(0, 0, 0, 0);
	border-bottom-color: rgba(0,0,0, 0.2);
	border-width: 11px;
	margin-left: -11px;
}
#twitter ul p.timePosted:before {
	content: "\f017";
	font-family: "FontAwesome";
	float: left;
	margin-right: 5px;
	font-size: 10px;
}
#twitter ul p.timePosted a {
	font-weight: normal;
}
#twitter ul p.timePosted {
	margin-bottom: 0;
	font-size: 11px;
	position: relative;
	-webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
	display: block;
	border-width: 0 1px 1px 1px;
	border-color: rgba(0, 0, 0, 0.1);
	border-style: solid;
	padding: 5px 15px;
}
#twitter ul p.interact {
	display: none;
}
#twitter img {
	display: none;
}
.tco-hidden{
  display: none;
}

/* --- timeline --- */
.timeline {
	list-style: none;
	padding: 0px;
	position: relative;
}
.timeline:before {
	top: 0;
	bottom: 0;
	position: absolute;
	content: " ";
	width: 1px;
	background-color: rgba(0,0,0, 0.05);
	left: 50%;
	margin-left: -1.5px;
}
.timeline > li img {
	width: 100%;
}
.timeline > li {
	margin-bottom: 60px;
	position: relative;
	width: 50%;
	float: left;
	clear: left;
}
.timeline > li:before,
.timeline > li:after {
	content: " ";
	display: table;
}
.timeline > li:after {
	clear: both;
}
.timeline > li:before,
.timeline > li:after {
	content: " ";
	display: table;
}
.timeline > li:after {
	clear: both;
}
.timeline > li > .timeline-panel {
	width: 95%;
	float: left;
	background: #FFF;
	position: relative;
	border: 1px solid rgba(0,0,0, 0.15);
	box-shadow: 0 2px 6px 0 rgba(0,0,0, 0.1);
	-webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0, 0.1);
}
.timeline > li > .timeline-panel:before {
	position: absolute;
	top: 15px;
	right: -8px;
	display: inline-block;
	border-top: 8px solid transparent;
	border-left: 8px solid #ccc;
	border-right: 0 solid #ccc;
	border-bottom: 8px solid transparent;
	content: " ";
}
.timeline > li > .timeline-panel:after {
	position: absolute;
	top: 16px;
	right: -7px;
	display: inline-block;
	border-top: 7px solid transparent;
	border-left: 7px solid #fff;
	border-right: 0 solid #fff;
	border-bottom: 7px solid transparent;
	content: " ";
}
.timeline > li > .timeline-badge {
	color: #fff;
	width: 18px;
	height: 18px;
	line-height: 50px;
	font-size: 1.4em;
	text-align: center;
	position: absolute;
	top: 16px;
	right: -8px;
	z-index: 100;
	border: 3px solid #fafafa;
	background-color: #999999;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-webkit-transition: 0.25s;
	transition: 0.25s;
}
.timeline > li:hover > .timeline-badge {
	background-color: #2776dc;
}
.timeline > li:nth-child(even) > .timeline-panel {
	float: right;
}
.timeline > li:nth-child(even) > .timeline-panel:before {
	border-left-width: 0;
	border-right-width: 8px;
	left: -8px;
	right: auto;
}
.timeline > li:nth-child(even) > .timeline-panel:after {
	border-left-width: 0;
	border-right-width: 7px;
	left: -7px;
	right: auto;
}
.timeline-badge > a {
	color: #C5C7C5  !important;
}
.timeline-badge a:hover {
	color: #000  !important;
}
.timeline-title {
	margin-top: 0;
	color: inherit;
}
.timeline-body > p,
.timeline-body > ul {
	padding: 20px 20px 15px 20px;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 20px;
}
.timeline-body > p + p {
	margin-top: 5px;
}
.timeline a {
	color: #6e6e6e;
	cursor: pointer;
	text-decoration: none;
}
.timeline-heading a {
	font-weight: bold;
}
.timeline-heading i {
	margin-right: 10px;
}
.timeline-heading a:hover {
	color: #2776dc;
}
.timeline-heading h4 {
	padding: 15px;
	font-size: 17px;
}
.timeline-footer {
	border-top: 1px solid rgba(0,0,0, 0.1);
	color: #6e6e6e;
	padding: 10px 20px 15px 20px;
	font-size: 13px;
}
.timeline-footer i {
	margin-right: 7px;
}
.timeline > li:nth-child(even) {
	float: right; 
	clear: right;
	margin-top: 30px;
	margin-bottom: 30px;
}
.timeline > li:nth-child(even) > .timeline-badge{
	left: -10px;
}
	
/* --- easy piechart --- */
.chart-align {
	position: relative;
	margin: 0 auto;
	width: 140px;
	font-weight: bold;
	display: inline-block;
}
.chart {
	position: relative;
	display: inline-block;
	width: 110px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 18px;
}
.chart canvas {
	position: absolute;
	top: 0;
	left: 0;
}
.percent {
	color: rgba(0,0,0, 0.7);
	display: inline-block;
	line-height: 110px;
	z-index: 2;
	margin: 0;
}
.percent:after {
	content: '%';
	margin-left: 0.1em;
	font-size: 18px;
}


/*---------- 26. Title ----------*/
.title {
	padding: 0 0 0 0;
	position: relative;	
	text-align: center;
}
.title p {
	margin: 0 0 10 0;
}
.title h4 {
	display: inline-block;
    text-transform: uppercase;
    font-weight: 500 !important;
    margin-top: 10px;
    font-size: 30px;
	color: #428bca;
}
.title h4 i {
	margin-right: 20px;
	margin-top: -10px;
	color: #2776dc;
	float: left;
	border-radius: 50%;
	width: 45px;
	height: 45px;
	line-height: 45px;
	border: 1px solid #2776dc;
	background: transparent;
	display: inline-block;
	text-align: center;
	font-size: 22px;
	box-shadow: none;
	-webkit-box-shadow: none;
}

/* ---.promo --- */
.promo {
	text-align: left;
	padding: 32px 0;
	border-top: solid 1px #91c7f5;
    border-bottom: 2px solid #1e629d;
	
}

.promo2 {
	text-align: center;
	padding: 5px 0;
} 

.promo3 {

	padding: 2px 0;

} 
.promo-lg {
	text-align: center;
	padding: 40px 0;
}
.promo h2 {
	font-size: 40px;
	color: #FFF;
	font-weight: 200 !important;
	display: inline !important;
}
.promo .btn {
	display: inline !important;
	margin-left: 30px;
}
.promo-lg h2 {
	font-size: 26px;
	color: #FFF;
	font-weight: 300 !important;
}
.promo-lg .btn {
	margin-top: 30px;
}

/*---------- 27. Comments ----------*/
.error-404 {
	padding: 100px 0 180px 0;
	text-align: center;
	background-position: bottom center; 
	background-repeat: no-repeat;
	min-height: 493px;
}
.error-404 .title {
	border-bottom: 1px solid #f5f5f5;
	padding-bottom: 25px;
	margin-bottom: 30px;
}
.error-404 .title h4 {
	font-size: 30px;
}
.error-404 form {
	margin: 30px 0 10px 0;
}


/*---------- 28. Comments ----------*/
.comment-form {
	margin: 40px 0 0 0;
}
.comment-form .page-header {
	font-weight: 600 !important;
	border: 0;
	display: inline-block;
	margin-bottom: 25px;
	padding-left: 0;
}
.comments .page-header {
	border: 0;
	padding-left: 0;
	margin-bottom: 10px;
}
.comment-form .btn {
	margin-top: 15px;
}
.comments {
	margin-top: 40px;
}
.comments > .media {
	margin: 15px 0 25px 0;
	padding: 0px;
	text-align: left;
}
.comments > .media:last-child {
	margin-bottom: 0;
}
.comments .media-left, .comments .media>.pull-left {
	padding-right: 0;
}
.comments .media-heading {
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 500;
}
.comments .media-body {
	overflow: inherit;
}
.comments .media-content {
	padding: 10px 0 25px 0;
	position: relative;
	background-color: transparent;
	border-bottom: 1px solid #E8E8E8;
}
.comments .media-content p {
	margin-bottom: 0;
	margin-top: 15px;
	font-size: 14px;
	line-height: 22px;
}
.comments .media-body .date {
	color: #909090;
	font-size: 12px;
	display: block;
	margin-top: 2px;
}
.comments .media-body > .btn {
	display: none;
}
.comments .media-body > .btn span {
	display: none;
	margin-right: 5px;
}
.comments .media-body:hover > .btn span {
	display: inherit;
}
.comments .media-left img {
	max-width: 65px;
	margin-right: 25px;
	border-radius: 50%;
	margin-top: 10px;
}

/* --- media --- */
.media {
	margin-top: 20px;
}
.media-heading {
	font: 14px arial;
	font-weight: bold !important;
	line-height:1;
	color: rgba(0,0,0, 0.6);
}
.media-body .date {
	color: #b2b2b2;
	font-size: 11px;
	display: block;
}
.media-body > .btn span {
	display: none;
	margin-right: 5px;
}
.media-body:hover > .btn span {
	display: inherit;
}
.media-left img {
	max-width: 40px;
	margin-right: 5px;
}
	
	
/*---------- 29. Carousel ----------*/
.carousel .carousel-caption {
	text-align: left;
	padding-bottom: 0px;
	padding-top: 0;
	left: 10px;
	bottom: 10px;
	width: 100%;
	margin: 0;
}
.carousel .carousel-caption .carousel-title {
	display: inline-block;
	text-shadow: none;
	color: #FFF;
	padding: 10px 20px;
	font-weight: 500 !important;
	background-color: #141619;
	padding: 12px 20px;
	color: #FFF;
	position: absolute;
	bottom: 20px;
	left: 20px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
}
.carousel .carousel-caption p {
	padding: 10px 20px;
	background: #1b1b1b;
	text-shadow: none;
	color: #FFF;
	margin: 0;
}	
.carousel-indicators {
	right: 0;
	bottom: 0px;
}

/* owl carousel */
.slider {
	position: relative;
}
.slider .prev {
	position: absolute;
	top: 50%;
	margin-top: -80px;
	left: -60px;
	font-size: 70px;
	font-weight: 100;
	color: rgba(0,0,0, 0.1);
}
.slider .next {
	position: absolute;
	top: 50%;
	margin-top: -80px;
	right: -50px;
	font-size: 70px;
	font-weight: 100;
	color: rgba(0,0,0, 0.1);
}
.slider .prev:hover,
.slider .next:hover {
	color: rgba(0,0,0, 0.7);
}
.owl-widget-carousel.owl-theme .owl-pagination {
	position: absolute;
	top: -40px; 
	right: 5px;
}
.owl-widget-carousel.owl-theme .owl-controls .owl-page{
	display: inline-block;
}
.owl-widget-carousel.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 3px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: rgba(0, 0, 0, 0.5);
}
.owl-widget-carousel.owl-theme .owl-controls .owl-page.active span,
.owl-widget-carousel.owl-theme .owl-controls.clickable .owl-page:hover span{
	background: #fff;
}
	
/* --- carousel fade effect --- */
.carousel-fade {
	background: #000;
}
.carousel-fade .carousel-inner .item {
	-webkit-transition-property: opacity;
	transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
	left: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.carousel .carousel-indicators li {
	border: 0;
	background-color: rgba(255,255,255, 0.5);
}
.carousel .carousel-indicators li.active {
	border: 0;
	background-color: #FFF;
	width: 10px; 
	height: 10px;
	margin: 1px;
}
.carousel-control.right,
.carousel-control.left {
	background: none;
}

/* --- full width carousel --- */
.full-carousel {
	border-bottom: 0;
	background-color: #000;
	
}
.full-carousel .carousel-indicators {
	bottom: 40px;
}
.full-carousel img {
	opacity: 1;
	max-width: inherit !important;
}
.full-carousel .container {
	color: #FFF;
	position: absolute;
	z-index: 999;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 0px;
	text-align: center;
	-webkit-transition: 0.25s;
	transition: 0.25s;
	text-shadow: none;
	display: table;
	margin: auto;
}
.full-carousel .container .carousel-caption {
	display: table-cell;
	vertical-align: middle;
	position: relative;
	opacity: 0;
	text-align: center;
}
.full-carousel .item.active .carousel-caption {
	opacity: 1;
}
.full-carousel .carousel-caption h1 {
	color:  #fff;
	font-size: 40px;
	padding: 15px 20px 0 20px;
	margin: 0;
	display: block;
	text-transform: uppercase;
	font-weight: 700 !important;
	text-shadow: none;

	
}
.full-carousel .carousel-caption p {
	background: none;
	padding: 13px 15px;
	margin-top: 0px;
	display: block;
	color: #E4E4E4;
	font-size: 15px;
	font-weight: 400;
}
.full-carousel .carousel-caption .btn {
	padding: 17px 30px !important;
	margin-top: 50px;
	
}
.full-carousel .carousel-control {
	z-index: 99;
	width: 10%;
}
.full-carousel .item .carousel-img {
	width: 100%; 
	height: 100%;
	background: transparent;
	background-size: cover;
	}
	
.full-carousel .item .carousel-overlay {
	position: absolute;
	z-index: 999 !important;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0, 0.45);
}
.carousel-control {
	opacity: 0;
}

/* --- carousel ken burns effect --- */
.ken-burns.carousel .item img {
  -webkit-transition: all 6s;
  -moz-transition: all 6s;
  -o-transition: all 6s;
  transition: all 6s;
}
.ken-burns.carousel .item img,
.ken-burns.carousel .item.active.inactiveUntilOnLoad img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.ken-burns.carousel .item.active img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.10);
  -o-transform: scale(1.10);
  -ms-transform: scale(1.10);
  transform: scale(1.10);
}

	
/*---------- 30. Countdown ----------*/
#countdown {
	font-size: 20px;
	font-weight: 300;
	display: inline-block;
}
#countdown span:last-child {
	margin-right: 0;
}
#countdown span {
	margin-right: 5px;
	background-color: #2b2b2b;
	color: #FFF;
	padding: 10px 12px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}

	
/*---------- 31. Thumbnails ----------*/
.thumbnail img {
	width: 100% !important;
}
.thumbnail .thumbnail-title {
	padding: 20px;
	font-size: 17px;
}
.thumbnail {
	padding: 0;
	margin-bottom: 0;
	border-color: rgba(0,0,0, 0.15) !important;
	box-shadow: 0 2px 4px 0 rgba(0,0,0, 0.07);
	-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0, 0.07);
}
.thumbnail p {
	font-size: 13px;
}
.thumbnail .caption {
	color: #6D6D6D;
	padding: 20px;
}
a.thumbnail:hover, 
a.thumbnail:focus, 
a.thumbnail.active  {
	box-shadow: 0 0 4px 0 rgba(60, 165, 231, 0.6)  !important;
	border-color: rgba(60, 165, 231, 0.7);
}
img.thumbnail.pull-left {
	margin-right: 10px; 
}

.gallery { 
	padding-left: 20px;
	padding-right: 20px;
}
.faded {
	opacity: .1;
}
.masonry .card .card-img img {
	border-radius: 0 !important;
	-webkit-border-radius: 0px !important;
}
.masonry .card .caption ul {
	padding: 0px 0px 0 2px;
    margin: 0px 0px 0 0px;
}
.masonry .card .caption {
	padding: 5px 0px 0px 0px;
	margin-bottom: 0px;
	
}


/*---------- 32. Sidebars ----------*/
.sidebar {
	display: table;
}
.sidebar > .leftside {
	border-right: 1px solid #eeeeee;
	padding-right: 40px;
	position: relative;
	display: table-cell;
	vertical-align: top;
	float: none;
}
.sidebar > .rightside {
	padding-left: 40px;
	display: table-cell;
	vertical-align: top;
	float: none;
}

/*---------- 33. Tabs ----------*/
.nav-tabs {
	border-color: rgba(0,0,0, 0.1);
	border-bottom: 1px solid rgba(0,0,0, 0.1);
}
.nav-tabs > li  {
	padding: 0 !important;
	border: 0 !important;
}
.nav-tabs > li > a {
	color: #000;
	font-weight: bold;
	padding: 15px 20px;
	margin: 0;
	font-size: 18px;
	font-weight: 400;
}
.nav-tabs > li > a i {
	margin-right: 10px;
}
.nav-tabs .tab-content {
	padding: 20px 0;
}
.nav-tabs > li.active > a,
.nav-tabs > li > a:hover {
	color: rgba(0,0,0, 0.7);
	background-color: #FFF;
}
.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:hover, 
.nav-tabs > li.active > a:focus {
	border-top: 1px solid rgba(0,0,0, 0.1);
	border-right: 1px solid rgba(0,0,0, 0.1);
	border-left: 1px solid rgba(0,0,0, 0.1);
	border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	background-color: #fff;
}
.nav-tabs > li > a {
	border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
}
.nav > li > a:hover, 
.nav > li > a:focus {
	border-top: 1px solid rgba(0,0,0, 0.1);
	border-right: 1px solid rgba(0,0,0, 0.1);
	border-left: 1px solid rgba(0,0,0, 0.1);
	box-shadow: -1px 0 0 0 #FFF;
	border-bottom: 1px solid #fff;
	background-color: #fff;
}
.nav-tabs.no-border > li > a {
	padding: 5px 20px;
	font-size: 13px;
	font-weight: 500;
}
.nav-tabs.inline {
	text-align: center;
}
.nav-tabs.inline > li {
	float: none;
	display: inline-block;
}
.nav-tabs.no-border > li {
	margin-bottom: 0;
}
.nav-pills>li.active>a, 
.nav-pills>li.active>a:focus, 
.nav-pills>li.active>a:hover {
	background-color: #2776dc;
	border: 0 !important;
}
.nav-pills>li>a:active,
.nav-pills>li>a:focus,
.nav-pills>li>a:hover {
	background-color: #2776dc;
	border: 0 !important;
	color: #FFF;
}
.tab-content {
	font-size: 14px;
	padding: 20px;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: rgba(0,0,0, 0.1);
	-webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.05);
	background: #FFF;
}

/* --- vertical tab --- */
.vertical-tab .nav-tabs {
	float: left;
	width: 20%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: inline-block;
	border-right: 0px solid rgba(0,0,0, 0.1);
	border-bottom: 0;
	padding: 40px 0;
}
.vertical-tab .nav-tabs > li {
	margin-right: -3px;
	width: 100%;
}
.vertical-tab .nav-tabs > li,
.vertical-tab .nav-tabs > li > a {
	display: block;
}
.vertical-tab .nav-tabs > li > a {
	margin-bottom: 10px;
	text-align: center;
	border-width: 1px 1px 1px 1px;
	margin-bottom: 0;
	margin-right: -2px;
}
.vertical-tab .nav-tabs > li.active > a,
.vertical-tab .nav-tabs > li > a:hover,
.vertical-tab .nav-tabs > li > a:focus {
	border-right: 1px solid #FFF;
	border-bottom: 1px solid rgba(0,0,0, 0.1);
}
.vertical-tab .tab-content {
	width: 80%;
	float: right;
	padding: 20px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-width: 1px;
	min-height: 200px;
}

/* --- tab select --- */
.tab-select {
	padding: 0;
	background-color: transparent;
	-webkit-transition: 0.25s;
	transition: 0.25s;
}
.tab-select .tab-content {
	padding: 30px 0 0 0;
	border: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
}
.tab-select .nav-tabs {
	position: relative;
    z-index: 2;
    border-bottom: 1px solid #000;
    background: #428bca;
	height: 48px;
	box-shadow: 10px 0px 12px 8px #0000005c;
    
}
.tab-select .nav-tabs > li {
	float: none;
	display: inline-block;
	padding: 0 0 0 0 !important;
}
.tab-select .nav-tabs > li > a {
	padding: 10px 10px;
    border: 0;
    position: relative;
    font-weight: 300;
    font-size: 21;
	color: #fff;
}

.tab-select .nav-tabs > li > a i {
	font-size: 13px;
	font-size: 20px;
}
.tab-select .nav-tabs > li:last-child > a {
	margin-right: 0;
}
.tab-select .nav-tabs > li.active > a, 
.tab-select .nav-tabs > li > a:hover, 
.tab-select .nav-tabs > li > a:focus,
.tab-select .nav-tabs > li.active > a:hover, 
.tab-select .nav-tabs > li.active > a:focus {
	border: 0;
	box-shadow: inset 0 -4px 0 0 #2776dc;
	-webkit-box-shadow: inset 0 -2px 0 0 #fff;
	border-radius: 0;
	-webkit-border-radius: 0;
	background-color: transparent;
}


/*---------- 34. Gallery ----------*/
.filter {
	list-style-type: none;
	padding: 0;
	margin: 0;
	text-align: center;
}
.filter li {
	display: inline-block;
	padding: 0 5px;
}
.filter li a {
	padding: 5px 12px;
	font-size: 20px;
	border-radius: 30px;
	border: 2px solid transparent;
	-webkit-border-radius: 30px;
	display: inline-block;
}
.filter li a:hover,
.filter li a.active {
	color: #2776dc;
	border: 2px solid #2776dc;
}

/* --- masonry-item --- */
.masonry-item {
	max-width: 1000px;
	list-style: none;
	text-align: center;
	overflow: hidden;
	padding: 0 7px;
	margin-bottom: 14px;
	transition: .2s all;
	-webkit-transition: .2s all;
}
figure.img-hover {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0;
	min-width: 100%;
	max-width:100%;
	width: 100%;
	text-align: center;
	cursor: pointer;
	color: #FFF;
	max-height: inherit !important;
}
figure.img-hover img {
	position: relative;
	display: block;
	opacity: 1 !important;
	-webkit-transition: 0.25s !important;
	transition: 0.25s !important;
	width: 100%;
}
figure.img-hover figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
figure.img-hover figcaption,
figure.img-hover figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
figure.img-hover figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}
figure.img-hover h2 {
	word-spacing: -0.15em;
	font-weight: 500 !important;
}
figure.img-hover h2 span {
	font-weight: 300 !important;
}
figure.img-hover h2,
figure.img-hover p {
	margin: 0;
}
figure.img-hover p {
	letter-spacing: 1px;
	font-size: 68.5%;
}
figure.img-hover {
	background: #000;
}
figure.img-hover figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	opacity: 0;
	
}
figure.img-hover h2 {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	color: #FFF;
	font-size: 28px;
	opacity: 0 !important;
	
}
figure.img-hover figcaption::before,
figure.img-hover p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
figure.img-hover p {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 2em;
	width: 100%;
	opacity: 0;
	-webkit-transform: translate3d(0,10px,0);
	transform: translate3d(0,10px,0);
}
figure.img-hover:hover h2 {
	color: #fff;
	opacity: 1 !important;
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
	transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
	-webkit-transition: 0.25s !important;
	transition: 0.25s !important;
}
figure.img-hover:hover figcaption::before ,
figure.img-hover:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
figure.img-hover:hover img {
	-webkit-transform: scale3d(1.1,1.1,1);
	transform: scale3d(1.1,1.1,1);
	opacity: 0.9 !important;
}

	
/*---------- 35. Footer ----------*/
footer {
	background: #215583;
	width: 100%;
	padding: 20px 0 0 0;
	text-align: center;
	color: rgba(255,255,255, 0.4);
	position: relative;
	border-top: 2px solid #64a8e3;
}
footer p {
	color: rgba(255,255,255, 0.4);
	font-size: 16px;
    line-height: 21px;
}

}
footer a, 
footer a:hover {
	color: #FFF;
}
footer .nav li {
	margin: 0;
	padding: 0 !important;
}
footer .nav li a i {
	margin-right: 5px;
}
footer .nav li a {
	font-size: 18px;
	padding: 0px 15px 0px 0;
	border: 0;
	color: rgba(255,255,255, 0.5);
	white-space: nowrap;
	text-align: left;
	
}
footer .nav li a:hover,
footer .nav li a:focus, 
footer .nav li a:active {
	color: #FFF;
	border: 0;
	background: none;
	box-shadow: none;
	-webkit-box-shadow: none;
}
footer .widget  {
	text-align: center;
}
footer .widget .title {
	font-size: 16px;
	padding: 5px 0;
	color: #FFF;
	text-align: center;
	font-weight: 400 !important;
	margin-bottom: 10px;
	border: 0;
}

.title2 {
	font-size: 16px;
	color: #FFF;
	font-weight: 400 !important;
	border: 0;
	text-transform: uppercase;
	text-align: left;
}

footer .widget  ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
footer .widget li:first-child {
	border-top: 0;
}
footer .widget li:last-child {
	border-bottom: 0;
}
footer .widget li {
	padding: 10px 0;
	
}
footer .widget li > span {
	margin-top: 10px;
	display: block;
}
footer .widget li span i {
	margin-right: 5px;
}
footer .form-inverse {
	margin-top: 30px !important;
}
footer .form-inverse.btn-inline .btn-link i {
	color: #FFF !important;
}
.footer-bottom {
	padding: 20px 0 50px 0;
	color: rgba(255,255,255, 0.5);
	text-align: center;
	font-size: 18px;
}
.footer-bottom ul {
	margin-bottom: 10px;
}
.footer-bottom ul a {
	color: #FFF !Important;
	background: none !important;
}

/* --- elements --- */
.elements {
	padding: 00px 0;
	border-bottom: 0px solid #eaeaea;
}
.elements:nth-child(odd) {
	background-color: #f3f3f3;
}
.elements:last-child {
	border-bottom: 0;
}
.elements > div > .row > div > h3,
.elements > div > h3 {
	margin-bottom: 5px;
	font-size: 22px;
}
.elements > div > .row > div > p,
.elements > div > p {
	margin-bottom: 30px;
}
.elements .alert:last-child {
	
	
}
.elements.buttons .btn {
	margin-bottom: 5px;
	margin-right: 2px;
}
.fixed-widget .widget .panel {
	position: fixed;
	top: 70px;
	width: 268px;
}


/* --- icons --- */
#icons {
	margin: 50px -20px 0 -10px;
}
#icons ul {
	padding: 0;
	width: 100%;
	list-style: none;
	text-align: left;
	font-size: 1px;
}
#icons ul li {
	display: inline-block;
	list-style: none;
	position: relative;
}
#icons ul li i {
	position: relative;
	z-index: 0;
	display: inline-block;
	padding: 0px;
	text-align: center;
	font-weight: normal;
	font-size: 24px;
	width: 55px;
	height: 70px;
	cursor: pointer;
	color: #464646;
}
#icons .glyphicon-class {
	display: none;
}
#icons ul li i:hover {
	color: #4F8EF7;
}

/*---------- 36. Responsive ----------*/
@media (max-width: 1200px) {
section.hero.cover .container,
.container,
.mega-dropdown-menu {
	width: 100%;
}
header .nav-profile > a >span {
	display: none;
}
}

@media (max-width: 1330px) {
.slider .prev,
.slider .next { 
	display: none;
}
.full-carousel .carousel-caption h1 {
	font-size: 32px;
}
}

@media (max-width: 1024px) {
header .nav-profile > a span {
	display: none;
}
.header .logo {
	margin-right: 0;
	display: block;
}
.card-list .card-img img {
	max-width: 100%;
	width: 100%;
}
.owl-carousel .card-list .card-img img {
	width: auto;
}
}


@media (min-width: 768px) and (max-width: 1024px) {
.mega-dropdown-menu { 
	width: 100% !important;
}
}

	
@media (max-width: 990px) {	
.fixed-header {
	padding-top: 0px;
}

header {
	height: 60px;
}
header .nav-profile > a, 
header .nav-right a {
	line-height: 32px;
}
header .container { 
	padding: 0;
}
header ul li a i.fa-angle-down {
	float: right;
}
.fixed-widget .widget .panel,
header .nav-dropdown,
.comments .media-left {
	display: none !important;
}
header .logo {
	padding: 0 10px !important;
	display: inline-block;
	margin: 0 auto;
	width: 100%;
	position: absolute;
	left: 0;
	z-index: 1;
	height: 50px;
	line-height: 57px;
	float: none !important;
	text-align: left !important;
	margin-left: 50px;

}
header .logo span {
	font-size: 20px;
	color: #FFF;
	text-transform: uppercase;
	font-weight: 500;
	font-family: 'titillium web', sans-serif;
	line-height: 50px;
}
header .logo img {
	height: 40px !important;
    margin-top: 2px;
    
}
header .nav-right a {
	color: #FFF;
}
header .nav-right {
	z-index: 2;
	position: relative;
	margin-top: 14px;
}
header .nav-profile img {
	height: 26px;
	width: 26px;
	
}
span.bar {
	width: 50px;
	height: 50px;
	display: block !important;
	float: left;
	z-index: 2;
	position: relative;
}
span.bar:before {
	content: "\f0c9";
    color: #FFF;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 60px;
    padding: 0 15px;
    font-size: 30px;
    font-family: 'FontAwesome';
    cursor: pointer;
    margin-left: 5px;
    
}
header .nav-right .dropdown-menu {
	top: 50px;
}
.nav-open {
	overflow: hidden;
}
.nav-open .modal-backdrop {
	z-index: 1000;
}
.nav-open nav {
	transform: translateX(0);
	-webkit-transform: translateX(0);
}
.nav-open #wrapper,
.nav-open header .nav-right,
.nav-open header .bar,
.nav-open header .logo,
.nav-open footer {
	-webkit-transition: 0.25s;
	transition: 0.25s;
	transform: translateX(250px);
	-webkit-transform: translateX(250px);
}
.nav-open span.bar:before {
	font-family: "Fontawesome";
	
}
header .nav-right,
header .bar,
header .logo,
footer,
#wrapper {
	transform: translate3d(0px, 0px, 0px);
	-webkit-transform: translate3d(0px, 0px, 0px);
	-webkit-transition: 0.25s;
	transition: 0.25s;
}
nav .nav-control {
	position: relative;
	overflow-Y: scroll;
	height: -moz-calc(100%);
	height: -webkit-calc(100%);
	height: calc(100%);
	overflow: hidden;
	background: #428bca;
}
nav {
	z-index: 999 !important;
	display: block !important;
	position: fixed;
	background: #1C1E21;
	transform: translateX(-250px);
	-webkit-transform: translateX(-250px);
	width: 175px;
	-webkit-transition: 0.25s;
	transition: 0.25s;
	margin: 0px 0 0 0;
	height: 100%;
}
nav ul li a,
nav ul li a:hover, 
nav ul li a:focus, 	
nav ul li.dropdown.open > a,
nav ul li a:active,
nav ul li.active a {
	padding:60px 18px 20px 10px !important;
	margin: 0 !important;
	line-height: inherit;
	font-size: 18px;
	font-weight: normal;
	border: 0 !important;
	border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	text-transform: uppercase;
}
nav ul li a:hover, 
nav ul li a:focus, 	
nav ul li.dropdown.open > a {
	background: #1a1b1e;
}
nav li a {
	color: rgba(255,255,255, 0.8) !important;
	border-bottom: 0px solid rgba(0,0,0, 1) !important;
}
nav li, 
nav li a {
	display: block !important;
	width: 100% !important;
}
nav ul li .dropdown-menu {
	transform: none !important;
	-webkit-transform: none !important;
	display: none;
	z-index: inherit !important;
	background: #1a1b1e !important;
	padding: 0 0 15px 0!important;
}
nav ul li .dropdown-menu, .mega-dropdown {
	border: 0 !important;
	position: relative !important;
	min-width: 100% !important;
	width: 100% !important;
	box-shadow: none !important;
	margin: 0 !important;
	top: 0 !important;
	left: 0;
}
nav ul li.divider {
	background: rgba(255,255,255, 0.05) !important;
}
nav ul li .dropdown-menu li a {
	background: transparent !important;
	border-radius: 0 !important;
	padding: 12px 20px !important;
	color: rgba(255,255,255, 0.6) !important;
	font-size: 13px !important;
}
.dropdown-submenu .dropdown-menu a:hover,
nav ul li .dropdown-menu li a:hover,
nav ul li .dropdown-menu li.active a, 
nav ul li .dropdown-menu li a:focus {
	padding: 12px 20px !important;
	background: rgba(0,0,0, 0.1) !important;
	color: rgba(255,255,255, 0.6) !important;
}
.mega-dropdown-menu.category > li:first-child ul li {
	background-color: transparent;
	border: 0 !important;
}
.dropdown-submenu .dropdown-menu a,
.dropdown-submenu .dropdown-menu a:hover {
	padding-left: 50px !important;
}
.mega-dropdown-menu.category {
	padding-bottom: 10px !important;
}
.mega-dropdown-menu.category > li:first-child ul li a:hover, 
.mega-dropdown-menu.category > li:first-child ul li.active a {
	background: transparent !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	border: 0 !important
}
.mega-dropdown-menu.category > li:first-child ul li a {
	text-align: left !important;
	padding: 12px 20px !important;
}
.mega-dropdown-menu.category > li a {
	display: block !important;
	width: 100% !important;
	white-space: inherit !important;
}
.mega-dropdown-menu.category li .caption {
	margin-top: 0;
	margin-bottom: 0;
}
.mega-dropdown-menu .dropdown-sub-header,
.mega-dropdown-menu .dropdown-header {
	background: transparent !important;
	padding: 12px 20px !important;
	color: #7F838A !important;
}
.mega-dropdown-menu.category li .caption h3 {
	font-size: 18px;
	font-weight: 300 !important;
}
.mega-dropdown-menu.category li .caption p { 
	display: none;
}
.mega-dropdown-menu.category > li:first-child a, 
.mega-dropdown-menu.category > li:first-child, 
.mega-dropdown-menu.category > li:first-child li {
	background: transparent;
	border: 0 !important
}
nav ul li .dropdown-menu li a:hover,
.mega-dropdown-menu.category li:first-child a:focus, 
.mega-dropdown-menu.category li:first-child a:active, 
.mega-dropdown-menu.category li:first-child a:hover,
.mega-dropdown-menu.category li:first-child .active a {
	background-color: #141619 !important;
}
.dropdown-submenu > .dropdown-menu {
	left: 0;
}
#wrapper { 
	margin: 0 !important;
	overflow: hidden;
}
.modal-search .container { 
	padding: 0; 
}
.modal-search .close { 
	right: 10px;
}
.filter li a {
	margin-bottom: 5px;
}
.ekko-lightbox .modal-body {
	padding: 0;
}
.modal-search .form-control:focus,
.modal-search .form-control {
	padding: 8px 15px;
}
.search-open .modal-search {
	top: 50px;
}
.modal-open #wrapper {
	-webkit-transform: inherit;
	transform: inherit;
}
.modal-sm {
	max-width: 100%;
}	
.modal-content {
	border-radius: 0;
	-webkit-border-radius: 0;
}
.modal-dialog {
	margin: 10px auto;
}
.background-image {
	padding: 690px 0px 20px 0px !important;
}
.full-carousel .item {
	height: 500px;
}
.full-carousel .carousel-caption h1 {
	font-size: 29px;
	margin-bottom: 20px;
	line-height: 34px;
}
.full-carousel .carousel-caption {
	font-size: 15px !important;
	width: 100% !important;
	text-align: center !important;
	left: 0;
}
.full-carousel .carousel-caption p {
	font-size: 14px;
	line-height: 20px;
	padding: 0 20px;
}
.full-carousel img {
	width: auto !important;
	max-width: inherit !important;
	position: absolute; 
	left: -50%;
}
.full-carousel .carousel-caption .btn {
	margin-top: 50px;
}
.title {
	padding-bottom: 40px;
}
.error-404 .title h4,
.title h4 {
	font-size: 22px;
}
.error-404 .title h4 i,
.title h4 i {
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 22px;
	margin-top: -10px;
}
.elements {
	padding: 0px 0 !important;
}
.promo,
.promo-lg {
	padding: 25px !important;
}
.promo h2,
.promo-lg h2 {
	font-size: 30px;
}
.card-video-md .card-img a {
	height: auto;
	overflow: initial;
	max-height: initial;
}
.card-video-md .card-img a img {
	margin-top: 0;
}
.card-video-md {
	margin-bottom: 10px !important;
}
.forum .forum-group .forum-activity,
.forum .forum-group .forum-meta,
.mega-dropdown-menu.category li .caption .label,
.mega-dropdown-menu.category li img {
	display: none;
}
.mega-dropdown-menu.category li .caption h3,
.mega-dropdown-menu.category li .caption p {
	color: rgba(255,255,255, 0.6) ;
}
#icons {
	margin: 45px -15px 0 -15px;
}
.headline .dropdown,
ul.timeline:before,
ul.timeline > li > .timeline-panel:after,
ul.timeline > li > .timeline-panel:before, 
ul.timeline > li > .timeline-badge {
	display: none;
}
ul.timeline > li {
	margin: 0;
	padding: 0;
	position: relative;
	width:100%;
	float: left;
	clear: left;
}
ul.timeline > li > .timeline-panel {
	float: right;
	width: 100%;
}
.timeline > li:nth-child(2) {
	margin-top: 30px;
}
.profile-nav .tab-select { 
	display: none;
}
.nav-tabs > li > a {
	font-size: 16px;
	padding: 15px 15px;
	margin-top: 2px;
}
.widget {
	width: 100%;
}
.sidebar {
	display: block;
}
.sidebar > .leftside {
	border-right: 0px solid #eeeeee;
	padding-right: 15px;
	display: block;
}
.sidebar > .rightside {
	padding-left: 15px;
	position: relative;
	display: block;
	margin-top: 40px;
}
.background-image .container {
	padding: 0 !important;
}
footer .widget {
	padding-top: 0 !important;
}
footer .widget > div {
	margin-bottom: 20px;
}
}

@media (max-width: 590px) {	
.full-carousel img {
	left: -100%;
}
.promo h2 {
	display: block !important;
}
.promo .btn {
	margin-top: 20px !important;
	margin-left: 0;
	display: inline-block !important;
}
section.hero.hero-game .page-header .page-title {
	font-size: 25px;
}
.post .post-title h2,
.post.post-lg .post-title h2,
.post .post-title h2 {
	font-size: 25px;
}
.post .post-title h3 {
	font-size: 20px;
}
.headline small,
.post .post-caption,
.post .post-header.post-author .author {
	display: none !important;
}
.post .post-header.post-author .post-title {
	width: 100%;
	padding-left: 0 !important;
}
.comment-form {
	text-align: center;
}
.comment-form .page-header {
	display: block !important;
	text-align: center !important;
}
.headline h4 {
	font-size: 16px;
}
.elements > div > h3 {
	font-size: 20px;
	margin-bottom: 20px;
}
.elements > div > .row > div > p,
.elements > div > p {
	line-height: 22px;
}
footer .widget .title {
	margin-bottom: 15px;
}
.post-block-carousel .post-block.first .caption {
	text-align: left;
	padding: 0 20px;
	bottom: 20px;
}
.post-block-carousel .post-block.first .post-title h4 {
	font-size: 20px;
	line-height: 26px;
}
}

@media (max-width: 460px) {	
.gallery {
	padding-left: 15px;
	padding-right: 15px;
}
section {
	padding: 20px 0 !important;
}
.nav-tabs > li > a {
	font-size: 13px;
	padding: 15px 10px;
}
.vertical-tab .nav-tabs {
	display: block !important;
	width: 100% !important;
	padding: 0;
}
.vertical-tab .tab-content {
	width: 100% !important;
}
.vertical-tab .nav-tabs > li.active > a, 
.vertical-tab .nav-tabs > li > a:hover, .vertical-tab .nav-tabs > li > a:focus {
	border-right: 1px solid rgba(0,0,0, 0.1);
}
.tab-select .nav-tabs > li  {
	padding: 0 15px 0 0 !important
}
.promo .btn {
	margin-top: 30px !important;
	margin-left: 0;
}
.post .post-title h1 {
	font-size: 32px !important;
}
.forum-post .forum-footer .post-meta,
.forum-post .forum-user,
.forum .forum-group .forum-icon {
	display: none;
}
.full-carousel img {
	height: 100% !important;
	left: -60%;
}
section.hero .page-title {
	font-size: 25px;
}
section.hero p {
	font-size: 13px;
}
}

/* HELPERS ==============================================*/
/* animate delay */
.animate0 {
    -webkit-animation-duration: .8s;
    -webkit-animation-delay: 0s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: .8s;
    -moz-animation-delay: 0s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: both;
    -ms-animation-duration: .8s;
    -ms-animation-delay: 0s;
    animation-duration: .8s;
    animation-delay: 0s;
    animation-timing-function: ease;
    animation-fill-mode: both
}
.animate0,
.animate1 {
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both
}
.animate1 {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -ms-animation-delay: .2s;
    animation-duration: .8s;
    animation-delay: .2s;
    animation-timing-function: ease;
    animation-fill-mode: both
}
.animate1,
.animate2 {
    -webkit-animation-duration: .8s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: .8s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: both;
    -ms-animation-duration: .8s
}
.animate2 {
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s;
    -ms-animation-delay: .4s;
    animation-duration: .8s;
    animation-delay: .4s;
    animation-timing-function: ease;
    animation-fill-mode: both
}
.animate2,
.animate3 {
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both
}
.animate3 {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    animation-duration: .8s;
    animation-delay: .6s;
    animation-timing-function: ease;
    animation-fill-mode: both
}
.animate3,
.animate4 {
    -webkit-animation-duration: .8s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: .8s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: both;
    -ms-animation-duration: .8s
}
.animate4 {
    -webkit-animation-delay: .8s;
    -moz-animation-delay: .8s;
    -ms-animation-delay: .8s;
    animation-duration: .8s;
    animation-delay: .8s;
    animation-timing-function: ease;
    animation-fill-mode: both
}
.animate4,
.animate5 {
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both
}
.animate5 {
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -ms-animation-delay: 1s;
    animation-duration: .8s;
    animation-delay: 1s;
    animation-timing-function: ease;
    animation-fill-mode: both
}
.animate5,
.animate6 {
    -webkit-animation-duration: .8s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: .8s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: both;
    -ms-animation-duration: .8s
}
.animate6 {
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
    -ms-animation-delay: 1.2s;
    animation-duration: .8s;
    animation-delay: 1.2s;
    animation-timing-function: ease;
    animation-fill-mode: both
}
.animate6,
.animate7 {
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both
}
.animate7 {
    -webkit-animation-delay: 1.4s;
    -moz-animation-delay: 1.4s;
    -ms-animation-delay: 1.4s;
    animation-duration: .8s;
    animation-delay: 1.4s;
    animation-timing-function: ease;
    animation-fill-mode: both
}
.animate7,
.animate8,
.animate9 {
    -webkit-animation-duration: .8s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: .8s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: both;
    -ms-animation-duration: .8s
}
.animate8,
.animate9 {
    -webkit-animation-delay: 1.8s;
    -moz-animation-delay: 1.8s;
    -ms-animation-delay: 1.8s;
    animation-duration: .8s;
    animation-delay: 1.8s;
    animation-timing-function: ease;
    animation-fill-mode: both
}
.animate10,
.animate8,
.animate9 {
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both
}
.animate10 {
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -ms-animation-delay: 2s;
    animation-duration: .8s;
    animation-delay: 2s;
    animation-timing-function: ease;
    animation-fill-mode: both
}
.animate10,
.animate11 {
    -webkit-animation-duration: .8s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: .8s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: both;
    -ms-animation-duration: .8s
}
.animate11 {
    -webkit-animation-delay: 2.2s;
    -moz-animation-delay: 2.2s;
    -ms-animation-delay: 2.2s;
    animation-duration: .8s;
    animation-delay: 2.2s;
    animation-timing-function: ease;
    animation-fill-mode: both
}
.animate11,
.animate12 {
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both
}
.animate12 {
    -webkit-animation-delay: 2.4s;
    -moz-animation-delay: 2.4s;
    -ms-animation-delay: 2.4s;
    animation-duration: .8s;
    animation-delay: 2.4s;
    animation-timing-function: ease;
    animation-fill-mode: both
}
.animate12,
.animate13,
.animate14 {
    -webkit-animation-duration: .8s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: .8s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: both;
    -ms-animation-duration: .8s
}
.animate13,
.animate14 {
    -webkit-animation-delay: 2.8s;
    -moz-animation-delay: 2.8s;
    -ms-animation-delay: 2.8s;
    animation-duration: .8s;
    animation-delay: 2.8s;
    animation-timing-function: ease;
    animation-fill-mode: both
}
.animate13,
.animate14,
.animate15 {
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both
}
.animate15 {
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    -ms-animation-delay: 3s;
    animation-duration: .8s;
    animation-delay: 3s;
    animation-timing-function: ease;
    animation-fill-mode: both
}
.animate15,
.animate16 {
    -webkit-animation-duration: .8s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: .8s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: both;
    -ms-animation-duration: .8s
}
.animate16 {
    -webkit-animation-delay: 3.2s;
    -moz-animation-delay: 3.2s;
    -ms-animation-delay: 3.2s;
    animation-duration: .8s;
    animation-delay: 3.2s;
    animation-timing-function: ease;
    animation-fill-mode: both
}
.animate16,
.animate17 {
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both
}
.animate17 {
    -webkit-animation-delay: 3.4s;
    -moz-animation-delay: 3.4s;
    -ms-animation-delay: 3.4s;
    animation-duration: .8s;
    animation-delay: 3.4s;
    animation-timing-function: ease;
    animation-fill-mode: both
}
.animate17,
.animate18 {
    -webkit-animation-duration: .8s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: .8s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: both;
    -ms-animation-duration: .8s
}
.animate18 {
    -webkit-animation-delay: 3.6s;
    -moz-animation-delay: 3.6s;
    -ms-animation-delay: 3.6s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both;
    animation-duration: .8s;
    animation-delay: 3.6s;
    animation-timing-function: ease;
    animation-fill-mode: both
}
.animate19 {
    -webkit-animation-delay: 3.8s;
    -moz-animation-delay: 3.8s;
    -ms-animation-delay: 3.8s;
    animation-duration: .8s;
    animation-delay: 3.8s;
    animation-timing-function: ease;
    animation-fill-mode: both
}
.animate19,
.animate20 {
    -webkit-animation-duration: .8s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: .8s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: both;
    -ms-animation-duration: .8s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both
}
.animate20 {
    -webkit-animation-delay: 4s;
    -moz-animation-delay: 4s;
    -ms-animation-delay: 4s;
    animation-duration: .8s;
    animation-delay: 4s;
    animation-timing-function: ease;
    animation-fill-mode: both
}
.fast {
  -webkit-animation-duration: 0.4s !important;
          animation-duration: 0.4s !important;
}

/* progress bars */
.progress-xs {
	height: 5px;
}

.progress-sm {
	height: 10px;
}

.progress-md {
	height: 20px;
}

.progress-lg {
	height: 25px;
}

.bg-transparent {
	background-color: transparent !important;
}

/* img */

.img-fullwidth {
	width: 100% !important;	
	height: 100% !important;
}

/* letter pacing */

.letter-spacing-1 {
	letter-spacing: 1px !important;
}
.letter-spacing-2 {
	letter-spacing: 2px !important;
}
.letter-spacing-3 {
	letter-spacing: 3px !important;
}
.letter-spacing-4 {
	letter-spacing: 4px !important;
}
.letter-spacing-5 {
	letter-spacing: 5px !important;
}

/* buttons */
.label-icon-left > i,
.btn-icon-left > i {
	margin-right: 5px;
}
.label-icon-right > i,
.btn-icon-right > i {
	margin-left: 5px;
}
.btn-white {
	background-color: #FFF;
}
.btn-light {
	background-color: rgba(0,0,0, 0.05);
}
.btn-dark {
	position: relative;
}	
.btn-dark:hover:after {
	content: "";
	color: #FFF;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255, 0.08) !important;
}
.btn-inline {
	position: relative;
}
.btn-inline >.btn {
	position: absolute;
	right: 0;
	top: 0;
	margin: 3px 2px 0 0;
}
.btn-inline > .btn > i {
	margin-right: 0;
	font-size: 18px;
}

/* Reset */

.no-display {
	display: none !important;
}
.pull-none {
	float: none !important;
}
.no-float {
	float: none !important;
}
.no-border {
	border: 0 !important;
}
.no-border-top {
	border-top: 0 !important;
}
.no-border-bottom {
	border-bottom: 0 !important;
}
.no-border-left {
	border-left: 0 !important;
}
.no-border-right {
	border-right: 0 !important;
}
.no-shadow {
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
}
.no-radius {
	border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
}
.no-padding {
	padding: 0 !important;
}
.no-padding-top {
	padding-top: 0 !important;
}
.no-padding-bottom {
	padding-bottom: 0 !important;
}
.no-padding-left {
	padding-left: 0 !important;
}
.no-padding-right {
	padding-right: 0 !important;
}
.no-margin { 
	margin: 0 !important;
}
.no-margin-top {
	margin-top: 0 !important;
}
.no-margin-bottom {
	margin-bottom: 0 !important;
}
.no-margin-left {
	margin-left: 0 !important;
}
.no-margin-right {
	margin-right: 0 !important;
}
.nowrap {
	white-space: nowrap !important;
}
.text-left {
	text-align: left !important;
}
.text-center {
	text-align: center !important;
	
}

.text-center2 {
	text-align: center !important;
	padding-top: 100px;
	
}

.text-centerxs {
	text-align: center !important;
	
}

.text-right {
	text-align: right !important;
}
.text-initial {
	text-transform: initial !important;
}
.text-underline {
	text-decoration: underline !important;
}
.text-light {
	color: rgba(0,0,0, 0.5) !important;
}
.text-white {
	color: #FFF !important;
}
.italic {
	font-style: italic !important;
}
.normal{
	font-weight: normal !important;
}
.bold {
	font-weight: bold !important;
}
.padding-xs {
	padding: 5px !important;
}
.padding-sm {
	padding: 10px !important;
}
.padding-md {
	padding: 20px !important;
}
.padding-lg {
	padding: 30px !important;
}
.xs-size { 
	font-size: 12px !important;
}
.sm-size { 
	font-size: 14px !important;
}
.md-size { 
	font-size: 16px !important;
}
.lg-size { 
	font-size: 18px !important;
}
.extra-lg-size {
	font-size: 80px !important;
}
.xs-width {
	width: 10% !important;
}
.sm-width {
	width: 25% !important;
}
.md-width {
	width: 50% !important;
}
.lg-width {
	width: 75% !important;
}
.fl-width {
	width: 100% !important;
}
.full-width {
	width: 100% !important;
}
.max-width-100 {
	max-width: 100% !important;
}
.max-width-initial {
	max-width: initial !important;
}
.min-height-initial {
	min-height: initial !important;
}

/* radius */

.border-radius-2 {
	border-radius: 2px!important;
	-webkit-border-radius: 2px!important;
}
.border-radius-3 {
	border-radius: 3px!important;
	-webkit-border-radius: 3px!important;
}
.border-radius-4 {
	border-radius: 4px!important;
	-webkit-border-radius: 4px!important;
}
.border-radius-5 {
	border-radius: 5px!important;
	-webkit-border-radius: 5px!important;
}
.border-radius-10 {
	border-radius: 10px!important;
	-webkit-border-radius: 10px!important;
}
.border-radius-15 {
	border-radius: 15px!important;
	-webkit-border-radius: 15px!important;
}
.border-radius-20 {
	border-radius: 20px!important;
	-webkit-border-radius: 20px!important;
}
.border-radius-25 {
	border-radius: 25px!important;
	-webkit-border-radius: 25px!important;
}
.border-radius-30 {
	border-radius: 30px!important;
	-webkit-border-radius: 30px!important;
}

/* border */

.border-1 {
	border-width: 1px !important;
	border-style: solid !important;
}
.border-2 {
	border-width: 2px !important;
	border-style: solid !important;
}
.border-3 {
	border-width: 3px !important;
	border-style: solid !important;
}
.border-4 {
	border-width: 4px !important;
	border-style: solid !important;
}
.border-5 {
	border-width: 5px !important;
	border-style: solid !important;
}

.border-left-1 {
	border-left: 1px solid transparent;
}
.border-left-2 {
	border-left: 2px solid transparent;
}
.border-left-3 {
	border-left: 3px solid transparent;
}
.border-left-4 {
	border-left: 4px solid transparent;
}
.border-left-5 {
	border-left: 5px solid transparent;
}

.border-right-1 {
	border-right: 1px solid transparent;
}
.border-right-2 {
	border-right: 2px solid transparent;
}
.border-right-3 {
	border-right: 3px solid transparent;
}
.border-right-4 {
	border-right: 4px solid transparent;
}
.border-right-5 {
	border-right: 5px solid transparent;
}

.border-bottom-1 {
	border-bottom: 1px solid transparent;
}
.border-bottom-2 {
	border-bottom: 2px solid transparent;
}
.border-bottom-3 {
	border-bottom: 3px solid transparent;
}
.border-bottom-4 {
	border-bottom: 4px solid transparent;
}

.border-bottom-5 {
	border-bottom: 5px solid transparent;
}


.border-top-1 {
	border-top: 1px solid transparent;
}
.border-top-2 {
	border-top: 2px solid transparent;
}
.border-top-3 {
	border-top: 3px solid transparent;
}
.border-top-4 {
	border-top: 4px solid transparent;
}
.border-top-5 {
	border-top: 5px solid transparent;
}

.border-dotted {
	border-style: dotted !important;
}

.border-dashed {
	border-style: dashed !important;
}

/* --- margin --- */

.margin-auto {
	margin: 0 auto !important;
}

.margin-5 {
	margin: 5px !important;
}
.margin-10 {
	margin: 10px !important;
}
.margin-15 {
	margin: 15px !important;
}
.margin-20 {
	margin: 20px !important;
}
.margin-25 {
	margin: 25px !important;
}
.margin-30 {
	margin: 30px!important
}
.margin-35 {
	margin: 35px!important
}
.margin-40 {
	margin: 40px!important
}
.margin-45 {
	margin: 45px!important
}
.margin-50 {
	margin: 50px!important
}
.margin-55 {
	margin: 55px!important
}
.margin-60 {
	margin: 60px!important
}

/* top */

.margin-top-5 {
	margin-top: 5px !important;
}
.margin-top-10 {
	margin-top: 10px !important;
}
.margin-top-15 {
	margin-top: 15px !important;
}
.margin-top-20 {
	margin-top: 20px !important;
}
.margin-top-25 {
	margin-top: 25px !important;
}
.margin-top-30 {
	margin-top: 30px !important;
}
.margin-top-35 {
	margin-top: 35px !important;
}
.margin-top-40 {
	margin-top: 40px !important;
}
.margin-top-45 {
	margin-top: 45px !important;
}
.margin-top-50 {
	margin-top: 50px !important;
}
.margin-top-55 {
	margin-top: 55px !important;
}
.margin-top-60 {
	margin-top: 60px !important;
}

/* bottom */

.margin-bottom-5 {
	margin-bottom: 5px !important;
}
.margin-bottom-10 {
	margin-bottom: 10px !important;
}
.margin-bottom-15 {
	margin-bottom: 15px !important;
}
.margin-bottom-20 {
	margin-bottom: 20px !important;
}
.margin-bottom-25 {
	margin-bottom: 25px !important;
}
.margin-bottom-30 {
	margin-bottom: 30px !important;
}
.margin-bottom-35 {
	margin-bottom: 35px !important;
}
.margin-bottom-40 {
	margin-bottom: 40px !important;
}
.margin-bottom-45{
	margin-bottom: 45px !important;
}
.margin-bottom-50 {
	margin-bottom: 50px !important;
}
.margin-bottom-55 {
	margin-bottom: 55px !important;
}
.margin-bottom-60 {
	margin-bottom: 60px !important;
}

/* left */

.margin-left-5 {
	margin-left: 5px !important;
}
.margin-left-10 {
	margin-left: 10px !important;
}
.margin-left-15 {
	margin-left: 15px !important;
}
.margin-left-20 {
	margin-left: 20px !important;
}
.margin-left-25 {
	margin-left: 25px !important;
}
.margin-left-30 {
	margin-left: 30px !important;
}
.margin-left-35 {
	margin-left: 35px !important;
}
.margin-left-40 {
	margin-left: 40px !important;
}
.margin-left-45 {
	margin-left: 45px !important;
}
.margin-left-50 {
	margin-left: 50px !important;
}
.margin-left-55 {
	margin-left: 55px !important;
}
.margin-left-60 {
	margin-left: 60px !important;
}

/* right */

.margin-right-5 {
	margin-right: 5px !important;
}
.margin-right-10 {
	margin-right: 10px !important;
}
.margin-right-15 {
	margin-right: 15px !important;
}
.margin-right-20 {
	margin-right: 20px !important;
}
.margin-right-25 {
	margin-right: 25px !important;
}
.margin-right-30 {
	margin-right: 30px !important;
}
.margin-right-35 {
	margin-right: 35px !important;
}
.margin-right-40 {
	margin-right: 40px !important;
}
.margin-right-45 {
	margin-right: 45px !important;
}
.margin-right-50 {
	margin-right: 50px !important;
}
.margin-right-55 {
	margin-right: 55px !important;
}
.margin-right-60 {
	margin-right: 60px !important;
}


/* --- padding --- */

.padding-5 {
	padding: 5px !important;
}
.padding-10 {
	padding: 10px !important;
}
.padding-15 {
	padding: 15px !important;
}
.padding-20 {
	padding: 20px !important;
}
.padding-25 {
	padding: 25px !important;
}
.padding-30 {
	padding: 30px !important;
}
.padding-35 {
	padding: 35px !important;
}
.padding-40 {
	padding: 40px !important;
}
.padding-45 {
	padding: 45px !important;
}
.padding-50 {
	padding: 50px !important;
}
.padding-55 {
	padding: 55px !important;
}
.padding-60 {
	padding: 60px !important;
}
.padding-5-10 {
	padding: 5px 10px !important;
}
.padding-5-15 {
	padding: 5px 15px !important;
}
.padding-5-20 {
	padding: 5px 20px !important;
}
.padding-10-15 {
	padding: 10px 15px !important;
}
.padding-10-20 {
	padding: 10px 20px !important;
}
.padding-15-20 {
	padding: 15px 20px !important;
}

/* top */

.padding-top-5 {
	padding-top: 5px !important;
}
.padding-top-10 {
	padding-top: 10px !important;
}
.padding-top-15 {
	padding-top: 15px !important;
}
.padding-top-20 {
	padding-top: 20px !important;
}
.padding-top-25 {
	padding-top: 25px !important;
}
.padding-top-30 {
	padding-top: 30px !important;
}
.padding-top-35 {
	padding-top: 35px !important;
}
.padding-top-40 {
	padding-top: 40px !important;
}
.padding-top-45 {
	padding-top: 45px !important;
}
.padding-top-50 {
	padding-top: 50px !important;
}
.padding-top-55 {
	padding-top: 55px !important;
}
.padding-top-60 {
	padding-top: 10px !important;
}

.padding-top-100 {
	padding-top: 60px !important;
}

.padding-top-115 {
	padding-top: 80px !important;
}

.padding-top-105 {
	padding-top: 105px !important;
}

/* bottom */

.padding-bottom-5 {
	padding-bottom: 5px !important;
}
.padding-bottom-10 {
	padding-bottom: 10px !important;
}
.padding-bottom-15 {
	padding-bottom: 15px !important;
}
.padding-bottom-20 {
	padding-bottom: 20px !important;
}
.padding-bottom-25 {
	padding-bottom: 25px !important;
}
.padding-bottom-30 {
	padding-bottom: 30px !important;
}
.padding-bottom-35 {
	padding-bottom: 35px !important;
}
.padding-bottom-40 {
	padding-bottom: 40px !important;
}
.padding-bottom-45 {
	padding-bottom: 45px !important;
}
.padding-bottom-50 {
	padding-bottom: 50px !important;
}
.padding-bottom-55 {
	padding-bottom: 55px !important;
}
.padding-bottom-60 {
	padding-bottom: 60px !important;
}

/* left */

.padding-left-5 {
	padding-left: 5px !important;
}
.padding-left-10 {
	padding-left: 10px !important;
}
.padding-left-15 {
	padding-left: 15px !important;
}
.padding-left-20 {
	padding-left: 20px !important;
}
.padding-left-25 {
	padding-left: 25px !important;
}
.padding-left-30 {
	padding-left: 30px !important;
}
.padding-left-35 {
	padding-left: 35px !important;
}
.padding-left-40 {
	padding-left: 40px !important;
}
.padding-left-45 {
	padding-left: 45px !important;
}
.padding-left-50 {
	padding-left: 50px !important;
}
.padding-left-55 {
	padding-left: 55px !important;
}
.padding-left-60 {
	padding-left: 60px !important;
}

/* right */

.padding-right-5 {
	padding-right: 5px !important;
}
.padding-right-10 {
	padding-right: 10px !important;
}
.padding-right-15 {
	padding-right: 15px !important;
}
.padding-right-20 {
	padding-right: 20px !important;
}
.padding-right-25 {
	padding-right: 25px !important;
}
.padding-right-30 {
	padding-right: 30px !important;
}
.padding-right-35 {
	padding-right: 35px !important;
}
.padding-right-40 {
	padding-right: 40px !important;
}
.padding-right-45 {
	padding-right: 45px !important;
}
.padding-right-50 {
	padding-right: 50px !important;
}
.padding-right-55 {
	padding-right: 55px !important;
}
.padding-right-60 {
	padding-right: 60px !important;
}

/* height */
.min-height-10 {
	min-height: 10px !important;
}
.height-auto {
	height: auto !important;
}
.height-full {
	height: 100% !important;
}
.height-5 {
	height: 5px !important;
}
.height-10 {
	height: 10px !important;
}
.height-15 {
	height: 15px !important;
}
.height-20 {
	height: 20px !important;
}
.height-25 {
	height: 25px !important;
}
.height-30 {
	height: 30px !important;
}
.height-35 {
	height: 35px !important;
}
.height-40 {
	height: 40px !important;
}
.height-45 {
	height: 45px !important;
}
.height-50 {
	height: 55px !important;
}
.height-60 {
	height: 60px !important;
}
.height-65 {
	height: 65px !important;
}
.height-70 {
	height: 70px !important;
}
.height-75 {
	height: 75px !important;
}
.height-80 {
	height: 80px !important;
}
.height-85 {
	height: 85px !important;
}
.height-90 {
	height: 70px !important;
}
.height-95 {
	height: 95px !important;
}
.height-100 {
	height: 70px !important;
}
.height-110 {
	height: 110px !important;
}
.height-120 {
	height: 120px !important;
}
.height-130 {
	height: 130px !important;
}
.height-140 {
	height: 140px !important;
}
.height-150 {
	height: 150px !important;
}
.height-160 {
	height: 160px !important;
}
.height-170 {
	height: 170px !important;
}
.height-180 {
	height: 180px !important;
}
.height-190 {
	height: 190px !important;
}
.height-200 {
	height: 200px !important;
}
.height-210 {
	height: 210px !important;
}
.height-220 {
	height: 220px !important;
}
.height-230 {
	height: 230px !important;
}
.height-240 {
	height: 240px !important;
}
.height-250 {
	height: 250px !important;
}
.height-260 {
	height: 260px !important;
}
.height-270 {
	height: 270px !important;
}
.height-280 {
	height: 280px !important;
}
.height-290 {
	height: 290px !important;
}
.height-300 {
	height: 300px !important;
}
.height-310 {
	height: 310px !important;
}
.height-320 {
	height: 320px !important;
}
.height-330 {
	height: 330px !important;
}
.height-340 {
	height: 340px !important;
}
.height-350 {
	height: 350px !important;
}
.height-360 {
	height: 360px !important;
}
.height-370 {
	height: 370px !important;
}
.height-380 {
	height: 380px !important;
}
.height-390 {
	height: 390px !important;
}
.height-400 {
	height: 400px !important;
}
.height-410 {
	height: 410px !important;
}
.height-420 {
	height: 420px !important;
}
.height-430 {
	height: 430px !important;
}
.height-440 {
	height: 440px !important;
}
.height-450 {
	height: 450px !important;
}
.height-460 {
	height: 460px !important;
}
.height-470 {
	height: 470px !important;
}
.height-480 {
	height: 480px !important;
}
.height-490 {
	height: 490px !important;
}
.height-500 {
	height: 500px !important;
}
.height-600 {
	height: 600px !important;
}
.height-700 {
	height: 700px !important;
}
.height-800 {
	height: 800px !important;
}

/* font sizes */

.font-size-10 {
	font-size: 10px !important;
}
.font-size-11 {
	font-size: 11px !important;
}
.font-size-12 {
	font-size: 12px !important;
}
.font-size-13 {
	font-size: 13px !important;
}
.font-size-14 {
	font-size: 14px !important;
}
.font-size-15 {
	font-size: 15px !important;
}
.font-size-16 {
	font-size: 16px !important;
}
.font-size-17 {
	font-size: 17px !important;
}
.font-size-18 {
	font-size: 18px !important;
}
.font-size-19 {
	font-size: 19px !important;
}
.font-size-20 {
	font-size: 20px !important;
}
.font-size-22 {
	font-size: 22px !important;
}
.font-size-24 {
	font-size: 24px !important;
}
.font-size-26 {
	font-size: 26px !important;
}
.font-size-28 {
	font-size: 28px !important;
}
.font-size-30 {
	font-size: 30px !important;
}
.font-size-32 {
	font-size: 32px !important;
}
.font-size-34 {
	font-size: 34px !important;
}
.font-size-36 {
	font-size: 36px !important;
}
.font-size-38 {
	font-size: 38px !important;
}
.font-size-40 {
	font-size: 40px !important;
}
.font-size-42 {
	font-size: 42px !important;
}
.font-size-44 {
	font-size: 44px !important;
}
.font-size-46 {
	font-size: 46px !important;
}
.font-size-48 {
	font-size: 48px !important;
}
.font-size-50 {
	font-size: 50px !important;
}
.font-size-60 {
	font-size: 60px !important;
}
.font-size-70 {
	font-size: 70px !important;
}
.font-size-80 {
	font-size: 80px !important;
}

/* line height */

.line-height-initial {
	line-height: initial !important;
}
.line-height-10 {
	line-height: 10px !important;
}
.line-height-11 {
	line-height: 11px !important;
}
.line-height-12 {
	line-height: 12px !important;
}
.line-height-13 {
	line-height: 13px !important;
}
.line-height-14 {
	line-height: 14px !important;
}
.line-height-15 {
	line-height: 15px !important;
}
.line-height-16 {
	line-height: 16px !important;
}
.line-height-17 {
	line-height: 17px !important;
}
.line-height-18 {
	line-height: 18px !important;
}
.line-height-19 {
	line-height: 19px !important;
}
.line-height-20 {
	line-height: 20px !important;
}

/* font weight */

.font-weight-100 {
	font-weight: 100 !important;
}
.font-weight-300 {
	font-weight: 300 !important;
}
.font-weight-400 {
	font-weight: 400 !important;
}
.font-weight-500 {
	font-weight: 500 !important;
}
.font-weight-600 {
	font-weight: 600 !important;
}
.font-weight-700 {
	font-weight: 700 !important;
}

/* vertical alignment */

.vertical-middle {
	vertical-align: middle !important;
}

.vertical-top {
	vertical-align: top !important;
}

.vertical-bottom {
	vertical-align: bottom !important;
}

/* display */

.display-table {
	display: table !important;
}
.display-table-cell { 
	display: table-cell !important;
}
.display-inline-block {
	display: inline-block !important;
}
.display-inline {
	display: inline !important;
}
.display-block {
	display: block !important;
}
.display-none {
	display: none !important;
}
.overflow-hidden {
	overflow: hidden !important;
}

/* position */

.absolute {
	position: absolute;
}
.relative {
	position: relative;
}
.fixed {
	position: fixed;
}
.position-bottom {
	bottom: 0;
}
.position-top {
	top: 0;
}
.position-right { 
	right: 0;
	left: auto;
}
.position-left { 
	left: 0;
	right: auto;
}

/* pre-defined colors */

.bg-grey-50 { 
	background-color: #0e0e0e  !important;
}
.border-grey-50 { 
	border-color: #fafafa !important; 
}
.color-grey-100 { 
	color: #f5f5f5 !important; 
}
.bg-grey-100 { 
	background-color: #f5f5f5 !important; 
}
.border-grey-100 { 
	border-color: #f5f5f5 !important; 
}
.color-grey-200 { 
	color: #eeeeee !important; 
}
.bg-grey-200 { 
	background-color: #eeeeee !important; 
}
.border-grey-200 { 
	border-color: #eeeeee !important; 
}
.color-grey-300 {
	color: #e0e0e0 !important; 
}
.bg-grey-300 { 
	background-color: #e0e0e0 !important; 
}
.border-grey-300 { 
	border-color: #000 !important; 
}
.color-grey-400 { 
	color: #bdbdbd !important; 
}
.bg-grey-400 { 
	background-color: #bdbdbd !important; 
}
.border-grey-400 {
	border-color: #bdbdbd !important; 
}
.color-grey-500 { 
	color: #9e9e9e !important; 
}
.bg-grey-500 { 
	background-color: #9e9e9e !important; 
}
.border-grey-500 { 
	border-color: #9e9e9e !important; 
}
.color-grey-600 { 
	color: #757575 !important; 
}
.bg-grey-600 { 
	background-color: #757575 !important; 
}
.border-grey-600 { 
	border-color: #757575 !important; 
}
.color-grey-700 { 
	color: #616161 !important; 
}
.bg-grey-700 { 
	background-color: #616161 !important; 
}
.border-grey-700 { 
	border-color: #616161 !important; 
}
.color-grey-800 { 
	color: #424242 !important; 
}
.bg-grey-800 { 
	background-color: #424242 !important; 
}
.border-grey-800 { 
	border-color: #424242 !important; 
}
.color-grey-900 {
	color: #212121 !important; 
}
.bg-grey-900 { 
	background-color: #212121 !important; 
}
.border-grey-900 { 
	border-color: #212121 !important; 
}
.color-white { 
	color: #ffffff !important; 
}
.bg-white { 
	background-color: #0e0e0e  !important; 
}
.border-white {
	border-color: #ffffff !important; 
}
.color-black {
	color: #000000 !important; 
}
.bg-black { 
	background-color: #000000 !important; 
}
.border-black { 
	border-color: #000000 !important; 
}

.opacity-1 {
	opacity: 1 !important;
}

/* media helpers */

@media (max-width: 1200px) {
	.no-padding-md-lg  {
		padding: 0 !important;
	}
	.no-margin-md-lg {
		margin: 0 !important;
	}
	.no-margin-top-md {
		margin-top: 0 !important;
	}
	.no-margin-bottom-md {
		margin-bottom: 0 !important;
	}
	.padding-md-lg-15 {
		padding: 15px !important;
	}
}
	
@media (min-width: 768px) and (max-width: 1025px) {
	.no-padding-sm-lg {
		padding: 0 !important;
	}
	.hidden-sm-lg {
		display: none !important;
	}
	.no-margin-sm-lg {
		margin: 0 !important;
	}
	.no-margin-top-sm-lg {
		margin-top: 0 !important;
	}
	.no-margin-bottom-sm-lg {
		margin-bottom: 0 !important;
	}
	.no-border-left-sm-lg {
		border-left: 0 !important;
	}
	.no-border-right-sm-lg {
		border-right: 0 !important;
	}
	.padding-right-sm-lg-15 {
		padding-right: 15px !important;
	}
	.margin-top-sm-lg-15 {
		margin-top: 15px !important;
	}
	.padding-sm-lg-15 {
		padding: 15px !important;
	}
}

@media (max-width: 1023px) {	
	.display-block-md {
		display: block !important;
	}
	.display-inline-block-md {
		display: inline-block !important;
	}
	.margin-top-md-30 {
		margin-top: 30px !important;
	}
}

@media (max-width: 990px) {	
	.no-padding-sm {
		padding: 0 !important;
	}
	.no-padding-top-sm {
		padding-top: 0 !important;
	}
	.no-padding-bottom-sm {
		padding-bottom: 0 !important;
	}
	.no-margin-sm {
		margin: 0 !important;
	}
	.no-margin-top-sm {
		margin-top: 0 !important;
	}
	.no-margin-bottom-sm {
		margin-bottom: 0 !important;
	}
	.margin-top-sm-15 {
		margin-top: 15px !important;
	}
	.margin-bottom-sm-15 {
		margin-bottom: 15px !important;
	}
	.margin-bottom-sm-30 {
		margin-bottom: 30px !important;
	}
	.padding-sm-15 {
		padding: 15px !important;
	}
	.padding-top-sm-30 {
		padding-top: 30px !important;
	}
	.padding-right-sm-15 {
		padding-right: 15px !important;
	}
	.full-width-sm {
		width: 100% !important;
	}
	.padding-left-sm-15 {
		padding-left: 15px !important;
	}
	.no-border-sm {
		border: 0 !important;
	}
}

@media (max-width: 460px) {	
	.no-padding-xs {
		padding: 0 !important;
	}
	.no-padding-bottom-xs {
		padding-bottom: 0 !important;
	}
	.no-padding-top-xs {
		padding-top: 0 !important;
	}
	.no-margin-xs {
		margin: 0 !important;
	}
	.no-margin-top-xs {
		margin-top: 0 !important;
	}
	.no-margin-bottom-xs {
		margin-bottom: 0 !important;
	}
	.margin-top-xs-15 {
		margin-top: 15px !important;
	}
	.margin-bottom-xs-15 {
		margin-bottom: 15px !important;
	}
	.padding-xs-40 {
		padding: 40px !important;
	}
	.padding-xs-15 {
		padding: 15px !important;
	}
	.full-width-xs {
		width: 100% !important;
	}
	.no-radius-xs {
		border-radius: 0 !important;
		-webkit-border-radius: 0 !important;
	}
	.no-border-xs {
		border: 0 !important;
	}
}

#intro {
	background: #222 url(../img/cuerpo/supersized.jpg) no-repeat center center;
	background-size: cover;
	padding: 20% 0 25%;
	position: relative;
}

#intro0 {
	background: #222 url(../img/cuerpo/supersized0.jpg) no-repeat center center;
	background-size: cover;
	padding: 20% 0 30%;
	position: relative;
}

#intro1 {
	background: #222 url(../img/cuerpo/supersized1.jpg) no-repeat center center;
	background-size: cover;
	padding: 25% 0 25%;
	position: relative;
}

#intro2 {
	background: #222 url(../img/cuerpo/supersized2.jpg) no-repeat center center;
	background-size: cover;
	padding: 20% 0 25%;
	position: relative;
}


#intro3 {
	background: #222 url(../img/cuerpo/supersized3.jpg) no-repeat center center;
	background-size: cover;
	padding: 20% 0 25%;
	position: relative;
}

#intro4 {
	background: #222 url(../img/cuerpo/supersized4.jpg) no-repeat center center;
	background-size: cover;
	padding: 20% 0 25%;
	position: relative;
}

#intro5 {
	background: #222 url(../img/cuerpo/supersized5.jpg) no-repeat center center;
	background-size: cover;
	padding: 20% 0 25%;
	position: relative;
}

#intro6 {
	background: #222 url(../img/cuerpo/supersized6.jpg) no-repeat center center;
	background-size: cover;
	padding: 20% 0 25%;
	position: relative;
}

#intro7 {
	background: #222 url(../img/cuerpo/supersized7.jpg) no-repeat center center;
	background-size: cover;
	padding: 20% 0 25%;
	position: relative;
}

#intro8 {
	background: #222 url(../img/cuerpo/supersized8.jpg) no-repeat center center;
	background-size: cover;
	padding: 20% 0 25%;
	position: relative;
}

#introend {
	background: #222 url(../img/cuerpo/supersizedend.jpg) no-repeat center center;
	background-size: cover;
	padding: 20% 0 25%;
	position: relative;
}

#introxs {
	background: #222 url(../img/cuerpo/supersizedxs.jpg) no-repeat center center;
	background-size: cover;
	padding: 200% 0 25%;
	position: relative;
}

#introxs0 {
	background: #222 url(../img/cuerpo/supersizedxs0.jpg) no-repeat center center;
	background-size: cover;
	padding: 200% 0 25%;
	position: relative;
}

#introxs1 {
	background: #222 url(../img/cuerpo/supersizedxs1.jpg) no-repeat center center;
    background-size: cover;
    padding: 100% 0 20%;
    position: relative;
    margin-top: 50px;
}

#introxs2 {
	background: #222 url(../img/cuerpo/supersizedxs2.jpg) no-repeat center center;
	background-size: cover;
	padding: 200% 0 25%;
	position: relative;
}


#introxs3 {
	background: #222 url(../img/cuerpo/supersizedxs3.jpg) no-repeat center center;
	background-size: cover;
	padding: 200% 0 25%;
	position: relative;
}

#introxs4 {
	background: #222 url(../img/cuerpo/supersizedxs4.jpg) no-repeat center center;
	background-size: cover;
	padding: 200% 0 25%;
	position: relative;
}

#introxs5 {
	background: #222 url(../img/cuerpo/supersizedxs5.jpg) no-repeat center center;
	background-size: cover;
	padding: 200% 0 25%;
	position: relative;
}

#introxs6 {
	background: #222 url(../img/cuerpo/supersizedxs6.jpg) no-repeat center center;
	background-size: cover;
	padding: 200% 0 25%;
	position: relative;
}

#introxs7 {
	background: #222 url(../img/cuerpo/supersizedxs7.jpg) no-repeat center center;
	background-size: cover;
	padding: 200% 0 25%;
	position: relative;
}

#introxs8 {
	background: #222 url(../img/cuerpo/supersizedxs8.jpg) no-repeat center center;
	background-size: cover;
	padding: 200% 0 25%;
	position: relative;
}

#introxsend {
	background: #222 url(../img/cuerpo/supersizedxsend.jpg) no-repeat center center;
	background-size: cover;
	padding: 200% 0 25%;
	position: relative;
}

#intro h3 {
	color: #FFF;
    font-size: 48px;
    font-family: "rubik",serif;
    font-weight: 300;
	
}


#intro h1 {
	color: #FFF;
	margin: 15px 0px 5px;
	font-size: 70px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: -3px;
}


#intro p {
	color: #66a1ed;
	margin: 0px 0px 25px;
	font-size: 21px;
	font-weight: 400;
	line-height: 29px;
}

#intro .container {
	position: relative;
	z-index: 222;
}

.intro-overlay {
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 85%, rgba(0,0,0,1) 100%);
 /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 85%,rgba(0,0,0,1) 100%);
 /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 85%,rgba(0,0,0,1) 100%);
 /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
 /* IE6-9 */
	position: absolute;
	bottom: 0%;
	left: 0px;
	right: 0px;
	height: 40%;
	width: 100%;
}

.dual-btns a {
	margin: 0 5px;
}

#supersized {
	display:none !important;
}

#intro #supersized {
	display:block !important;
	position:absolute;
}

#intro #supersized li {
	position:absolute;
}


#intro h3 {
    font-size: 36px;
}

@media (max-width: 900px) {
#intro h3 {
	color: #FFF;
    font-size: 30px;
    font-family: "rubik",serif;
    font-weight: 300;
	margin-bottom: -10px;
}	
}

#intro p {
    font-size: 24px;
    line-height: 32px;
}

@media (max-width: 900px) {
#intro p {
    font-size: 21px;
    line-height: 30px;
}
}	


.dual-btns a {
    margin: 5px 5px;
    width: 183px;
}

@media (max-width: 700px) {
#intro {
    padding: 310px 0px 400px;
}	

}

@media (min-width: 701px) and (max-width: 2000px) {
#intro {
    padding: 370px 0px 670px;
}	

}

@media (min-width: 2001px) {
#intro {
    padding: 520px 0px 750px;
}	
}

@media (max-width: 700px) {
#intro h1 {
    margin: 20px 0px 10px;
    font-size: 42px;
    letter-spacing: -2px;
    line-height: 60px;
	font-weight: 700;
}
}

@media (max-width: 900px) {
.tagline {
    font-size: 10px;
}	
}

.columna1 {
    padding-right: 25px;
    
}

.columna2 {
    padding-right: 25px;
    
}

.columna3 {
    padding-right: 25px;
    
}

.contactenos {
    text-align: left;
    font-size: 14px;
}

.contactenosxs {
    text-align: center;
    font-size: 16px;
}

.linea {
	margin-top: 20px;
    background-color: #222222;
	height: 1px;
}

.menu {
	padding-left: 20px;
    padding-right: 20px;
}

.submenuxs {
	padding-top: 60px;
	border-bottom: 1px solid #000; 
	text-align: center;
		
}

.submenusm {
	padding-top: 60px;
	border-bottom: 1px solid #000; 
	text-align: center;
	
}

.submenumd {
	border-bottom: 1px solid #000; 
	text-align: center;
}

.submenulg {
	border-bottom: 1px solid #000; 
	text-align: center;
	
}

.anchor {
	scroll-margin-top: 100px; 	
}

.tituloxs {
	margin-top: 10px; 	
}

.tour-list li {
    border-bottom: 1px solid #809ec9;
    list-style: outside none none;
    display: table;
    width: 100%;
    padding-bottom: 15px;
    padding-top: 10px;
	font-weight: 400;

}