/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

d76e00 Глубокий оранжево-желтый
c34d0a Глубокий оранжевый
ed760e Желто-оранжевый !
e28b00 Светлая Сиена (Почти чистый оранжевый)
f39f18 Солнечно-желтый
ff8c00 Темно-оранжевый !
ea7500 Темный мандарин
ff7e00 Темный янтарь
f28500 Тусклый мандарин !!!!!!! ---------------------------------------
ff7518 Тыква (Тыквенный) !!!
ff8e00 Яркий оранжево-желтый
ff6800 Яркий оранжевый

fcf8e3 первоначальный основной фон меню !!!!!
faeedd Бедра испуганной нимфы
faf0be Блонд (Blond) -----------------------------
fff8e7 Космические сливки (Cosmic Latte)
fdf4e3 Кремовый !!!
fffdd0 Кремово-желтый (Cream) !!!
fffacd Лимонно-кремовый (Lemon Chiffon)
faebcc Очищенный миндаль (Blanched Almond)
ffefd5 Побег папайи (PapayaWhip)
fffff0 Слоновая кость (Ivory) !!!!
fcfcee Цвет Шампанского (Champagne) !!!!!!! ------------------------------
fff8dc Цвет пестиков неспелой кукурузы (Cornsilk) !!
fffaf0 Цветочный белый (Floral White) !!!

ffb841 Блестящий оранжевый (Brilliant Orange)
ffb02e Бриллиантовый оранжево-желтый
cd7f32 Бронзовый (Bronze) !!!
f36223 Морковный (Carrot) !!!!
ec7c26 Насыщенный оранжевый
ffa343 Неоново-морковный (Neon Carrot) !!!!! ----------------------------------
ff7f49 Огненный оранжевый (Fire Orange) !!
ff7538 Оранжевый Крайола !!
cc7722 Охра (Ochre) !!!!
*/

/* ----------------------------------------------------------------
Header
-----------------------------------------------------------------*/
#header {
/*	border-top: 3px solid #f28500;			/* main */
/*	padding-top: 10px;*/
}
#header .header-inner {
/*	background-color: #fcfcee;*/
}
#header.header-mini .header-inner #logo a > img {
/*	height: 80px;
	margin-top: -10px;*/
}
@media (max-width: 1024px) {
	#header {
		position: fixed;
/*		margin-top: -5px;
		padding-top: 0px;*/
	}
}

/* ----------------------------------------------------------------
Main Menu
-----------------------------------------------------------------*/
#logo {
/*	background: linear-gradient(45deg, #fffacd, #f28500);			/* фон + main */
	padding-left: 20px;
	padding-right: 20px;
}
#mainMenu nav > ul > li > a {
	text-transform: none;
}
#mainMenu nav > ul > li .dropdown-menu {
	background-color: #fcfcee;
	border-color: #faebcc;/**/
}
#mainMenu nav > ul > li .dropdown-menu > li > a:focus,
#mainMenu nav > ul > li .dropdown-menu > li > a:hover,
#mainMenu nav > ul > li .dropdown-menu > li > a.current {
	border: none;
	background: linear-gradient(45deg, #faf0be, #fcfcee);	/* Blond + фон */
}

#mainMenu.menu-overlay nav {
/*	background: rgba(215, 110, 0, 0.9);	/* #d76e00 - Глубокий оранжево-желтый */
/*	background: rgba(37, 40, 80, 0.9);	/* #252850 - Ночной синий */
/*	background: rgba(0, 40, 0, 0.9);	/* #002800 - Очень глубокий желто-зеленый */
	background: rgba(29, 30, 51, 0.9);	/* #1d1e33 - Сапфирово-синий Sapphire Blue */
}

@media (max-width: 1024px) {
/*	#logo {background-color: #fcfcee;}*/
	#logo {
		background: linear-gradient(90deg, #f28500, #fcfcee);	/* main + фон */
	}
	
	#mainMenu nav > ul > li .dropdown-menu > li > a:focus,
	#mainMenu nav > ul > li .dropdown-menu > li > a:hover,
	#mainMenu nav > ul > li .dropdown-menu > li > a.current {
		padding-left: 10px;
		margin-left: -10px;
	}
	
	body.frame .body-inner {
		margin-top: -10px;
		padding-left: 0px;
		padding-right: 0px;
		border: 9px solid #fcfcee;	/* или #1d1e33 - Сапфирово-синий Sapphire Blue */
	}
	.header-inner .container, #mainMenu nav {
		background-color: #fcfcee;
	}
}

@media (min-width: 1024px) {
	#header #mainMenu nav > ul > li.current > a,
	#header #mainMenu nav > ul > li.current > span,
	#header #mainMenu nav > ul > li:hover > a,
	#header #mainMenu nav > ul > li:hover > span,
	#header #mainMenu nav > ul > li:focus > a,
	#header #mainMenu nav > ul > li:focus > span {
		color: #fff; 
	}
	
	body.frame:before, body.frame:after {
		border: 1px solid #fcfcee;
		background: #fcfcee;
	}
	body.frame .body-inner:before, body.frame .body-inner:after {
		border: 1px solid #fcfcee;
		background: #fcfcee;
	}
}

/* ----------------------------------------------------------------
Breadcrumb
-----------------------------------------------------------------*/
.breadcrumb ul .breadcrumb-item + li:before,
.breadcrumb ul li + li:before {
	content: "→";
	/*font-family: "inspiro-icons";
	... - \e9a4, - - \e9a1, >> - \e934, > - \e930, → - \e913*/
}
@media (max-width: 1024px) {
	.p-top {padding-top: 40px;}
}

/* ----------------------------------------------------------------
Grid filter
-----------------------------------------------------------------*/
.team-members .team-member {
	margin-bottom: 0;
}
.team-members .team-member .team-image {
	padding: 20px 0 20px 20px;
}
.portfolio-2-columns .portfolio-item {
	/*margin: 10px 0 10px 10px;*/
}
@media (max-width: 1024px) {
	.grid-2-columns .grid-item,
	.post-2-columns .post-item,
	.portfolio-2-columns .portfolio-item {
		width: 100%;
	}
}

/* ----------------------------------------------------------------
Text
-----------------------------------------------------------------*/
.post-item-description h1,
.post-item-description h2,
.post-item-description h3,
h4 {
	font-family: "Oswald", sans-serif;
	font-weight: 400;
}
.post-item-description h1 {
	font-size: 2.9rem;
}

.heading-section h2 {
	font-weight: 100;
}

.heading-text.heading-line h3 {
	font-size: 2.1rem;
    line-height: 60px;
}

#bill h3 {
	font-size: 3.0rem;
}

p.lead {
	color: #484848;
}

.widget ul > li.active a {
	color: #f28500;					/* main */
}
.widget h4 {
	margin-left: -10px;
	width: 106%;
}

.inverted span {
	color: #676767;
}
.inverted .widget .widget-title {
	margin-bottom: 9px;
}

/*.list-icon-circle,*/
.list-icon-caret,
.list-icon-arrow {
    line-height: 24px;
}

.grid-2-columns .grid-item,
.post-2-columns .post-item,
.portfolio-2-columns .portfolio-item {
    line-height: 21px;
}

.caveat-ff {
	/*eng*/
/*	font-family: "Great Vibes", cursive;
	font-family: "Rouge Script", cursive;
	font-family: "Train One", cursive;
	font-family: "Oleo Script", cursive;*/
	/*rus*/
/*	font-family: "Lobster", cursive;
	font-family: "Pacifico", cursive;
	font-family: "Marck Script", cursive;
	font-family: "Bad Script", cursive;*/
	font-family: "Caveat", cursive;
}

/* ----------------------------------------------------------------
heading-line
-----------------------------------------------------------------*/
.heading-text.heading-line h1:before,
.heading-text.heading-line h2:before,
.heading-text.heading-line h3:before,
.heading-text.heading-line h4:before,
.heading-text.heading-line h5:before,
.heading-text.heading-line h6:before {
	content: '';
	position: absolute;
	width: 100px;
	height: 3px;
	left: 0;
	bottom: -8px;
	right: 0;
	/*background-color: #f28500;			/* main */
	border-top: 1px solid #f28500;
	border-bottom: 1px solid #f28500;
}
@media (max-width: 1024px) {
	.heading-text.heading-line h1:before,
	.heading-text.heading-line h2:before,
	.heading-text.heading-line h3:before,
	.heading-text.heading-line h4:before,
	.heading-text.heading-line h5:before,
	.heading-text.heading-line h6:before {
		display: none;
	}
}
.strong-line {
	font-weight: 400;
	letter-spacing: 0px;
	position: relative;
	margin-top: 20px;
}
.strong-line:after {
	content: "";
	display: block;
	width: 26px;
	margin-top: 10px;
	margin-bottom: 20px;
	border-top: 3px solid #f28500;			/* main */
}

/* --------------------------------------------------------------*/
.list-lines li {
	padding: 8px 0 8px 2px;
	line-height: 1.8;
}

/* --------------------------------------------------------------*/
.table-sm td,.table-sm th {
	padding-left: 7px;
}

/* ----------------------------------------------------------------
Background-pattern
-----------------------------------------------------------------*/

.background-main {
	background-color: #fcfcee !important;	/* Цвет Шампанского (Champagne) */
}
.background-colored {
	background-color: #ffa343;				/* Неоново-морковный (Neon Carrot) */
}
.background-theme {
	background-color: #f28500;				/* Тусклый мандарин (Tangerine) */
}
.background-sapphire {
	background-color: #1d1e33;				/* Сапфирово-синий (Sapphire Blue) */
}

.background-pattern-3 {
	background-image: url(../images/pattern/pattern-3-66.jpg);
}
.background-pattern-4 {
	background-image: url(../images/pattern/pattern-4-66.jpg);
}
.background-pattern-5 {
	background-image: url(../images/pattern/pattern-5-66.jpg);
}
.background-pattern-6 {
	background-image: url(../images/pattern/pattern-6-66.jpg);
}
.background-pattern-7 {
	background-image: url(../images/pattern/pattern-7-66.jpg);
}
.background-pattern-8 {
	background-image: url(../images/pattern/pattern-8-66.jpg);
}
.background-pattern-9 {
	background-image: url(../images/pattern/pattern-9-66.jpg);
}
.background-pattern-10 {
	background-image: url(../images/pattern/pattern-10-66.jpg);
}
.background-pattern-11 {
	background-image: url(../images/pattern/pattern-11-66.jpg);
}
.background-pattern-12 {
	background-image: url(../images/pattern/pattern-12-66.jpg);
}
.background-pattern-14 {
	background-image: url(../images/pattern/pattern-14-60.jpg);
}
.background-pattern-15 {
	background-image: url(../images/pattern/pattern-15-66.jpg);
}
.background-pattern-16 {
	background-image: url(../images/pattern/pattern-16-66.jpg);
}
.background-pattern-17 {
	background-image: url(../images/pattern/pattern-17-66.jpg);
}
.background-pattern-18 {
	background-image: url(../images/pattern/pattern-18-66.jpg);
}
.background-pattern-19 {
	background-image: url(../images/pattern/pattern-19-66.jpg);
}
.background-pattern-20 {
	background-image: url(../images/pattern/pattern-20-66.jpg);
}
.background-pattern-21 {
	background-image: url(../images/pattern/pattern-21-66.jpg);
}
.background-pattern-22 {
	background-image: url(../images/pattern/pattern-22-66.jpg);
}
.background-pattern-23 {
	background-image: url(../images/pattern/pattern-23-66.jpg);
}
.background-pattern-24 {
	background-image: url(../images/pattern/pattern-24-66.jpg);
}
.background-pattern-25 {
	background-image: url(../images/pattern/pattern-25-66.jpg);
}
.background-pattern-26 {
	background-image: url(../images/pattern/pattern-26-66.jpg);
}
.background-pattern-27 {
	background-image: url(../images/pattern/pattern-27-66.jpg);
}
.background-pattern-28 {
	background-image: url(../images/pattern/pattern-28-66.jpg);
}
.background-pattern-29 {
	background-image: url(../images/pattern/pattern-29-66.jpg);
}
.background-pattern-30 {
	background-image: url(../images/pattern/pattern-30-66.jpg);
}
.background-pattern-31 {
	background-image: url(../images/pattern/pattern-31-66.jpg);
}
.background-pattern-32 {
	background-image: url(../images/pattern/pattern-32-66.jpg);
}
.background-pattern-33 {
	background-image: url(../images/pattern/pattern-33-66.jpg);
}
.background-pattern-34 {
	background-image: url(../images/pattern/pattern-34-66.jpg);
}
.background-pattern-35 {
	background-image: url(../images/pattern/pattern-35-66.jpg);
}
.background-post-item {
	background: rgba(255, 255, 255, 0.5);
	box-shadow: 0 0 50px 30px rgba(255, 255, 255, 0.5);
}

/* ----------------------------------------------------------------
Alert
-----------------------------------------------------------------*/

/* warning */
.alert.alert-main {
	background-color: #fcfcee;
	border-color: #faebcc;
	color: #8a6d3b;
}
.alert-main hr {
	border-top-color: #f7e1b5
}
.alert-main p,
.alert-main h1,
.alert-main h2,
.alert-main h3,
.alert-main h4,
.alert-main h5,
.alert-main h6
{
	color: #8a6d3b;
	padding: 5px;
	margin: 5px;
}
.alert-main h4 {font-size: 11px; margin-top: 20px;}

/* success */
.alert.alert-main2 {
	background-color: #dff0d8;
	border-color: #d6e9c6;
	color: #3c763d;
}
.alert.alert-main2 p {
	font-size: 18px;
}
.alert-main2 hr {
	border-top-color: #c9e2b3
}
.alert-main2 p,
.alert-main2 h1,
.alert-main2 h2,
.alert-main2 h3,
.alert-main2 h4,
.alert-main2 h5,
.alert-main2 h6
{
	color: #3c763d;
	padding: 5px;
	margin: 5px;
}

/* --------------------------------------------------------------*/
.blockquote-main {
	padding: 10px 0 10px 20px;
	margin-left: 10px;
	text-align: left;
	border-right: 0;
	border-left: 3px solid #ddd;
	color: #777;
	line-height: 1.6;
}
.blockquote-main.colored {
	color: #f28500;								/* main */
}
.blockquote-main.colshadow {
	border-left: 0px solid #ddd;
	box-shadow: -8px 2px 15px -5px #fbec5d;		/* #fbec5d Кукурузный, #ffae42 Желто-оранжевый Крайола */
	line-height: 20px;
}
.blockquote-main.greyshadow {
	border-left: 0px solid #ddd;
	box-shadow: -8px 2px 15px -5px #ddd;
	color: #ddd;
	font-size: 24px;
	line-height: 24px;
}

/* ----------------------------------------------------------------
Линии
-----------------------------------------------------------------*/

/* Наклонная линия */
.line-main {
	clear: both;
	position: relative;
	width: 100%;
	margin: 20px 0;
	border-top: 3px dotted #f28500;				/* main */
	transform:rotate(-3deg);
}
/* Цветная линия */
.hr-one-color {
	margin: 20px 0 30px;
	padding: 0;
	border-top: 1px solid #f28500;
}
/* Трехцветная линия */
.hr-three-color {
	margin: 20px 0;
	padding: 0;
	height: 2px;
	border: none;
	border-top: 2px solid #ddd;
	border-bottom: 2px solid #000;
	background: #f28500;						/* main */
}
/* Линия «Полка» */
.hr-shelf {
	margin: -30px auto 10px;
	padding: 0;
	height: 50px;
	border: none;
	border-bottom: 1px solid #f28500;			/* main */
	box-shadow: 0 20px 20px -20px #f28500;		/* main */
	width: 95%;
}
/* Замыленная линия */
.hr-washed {
	margin: 20px 0;
	padding: 0;
	height: 0;
	border: none;
	box-shadow: 0 0 10px 2px #fbec5d;			/* #fbec5d Кукурузный, #ffae42 Желто-оранжевый Крайола */
}
/* Горизонтальный градиент */
.hr-h-gradient {
	margin: 20px 0;
	padding: 0;
	height: 1px;
	border: none;
	background: linear-gradient(45deg, #f28500, #1d1e33);	/* main - Сапфирово-синий (777) */
	width: 100%;
}
.hr-h-gradient-w {
	margin: 20px 0;
	padding: 0;
	height: 1px;
	border: none;
	background: linear-gradient(45deg, #fff, #f28500);	/* main */
	width: 100%;
}

.timeline .timeline-item .timeline-icon {
	background-color: #f28500;
}

/* -- Примеры применения линий ----------------------------------
<div class="line-main"></div>
<hr class="hr-three-color m-b-90" />
<hr class="hr-shelf m-b-90" />
<hr class="hr-washed m-b-90" />
<hr class="hr-h-gradient m-t-0 m-b-10" />
-----------------------------------------------------------------*/