/* 
	Table of Contents
	update on Wed Aug 12 2015 15:49:42 GMT+0300 (FLE Summer Time)

	I.   Generic --------------------------------------
	     01. Reset ------------------------------------
	     02. Fonts ------------------------------------
	     03. Base -------------------------------------
	         Responsive -------------------------------
	     04. Helpers ----------------------------------
	         Clear ------------------------------------
	         Notext -----------------------------------
	         Hidden -----------------------------------
	         Alignleft --------------------------------
	         Alignright -------------------------------
	         Disabled ---------------------------------
	         Cols -------------------------------------
	         Responsive -------------------------------
	II.  Regions --------------------------------------
	     01. Wrapper ----------------------------------
	     02. Container --------------------------------
	     03. Shell ------------------------------------
	     04. Header -----------------------------------
	         Responsive -------------------------------
	     05. Main -------------------------------------
	         Responsive -------------------------------
	     06. Footer -----------------------------------
	     07. Footer Cols ------------------------------
	     08. Footer Navs ------------------------------
	     09. Footer Copyright -------------------------
	     10. Footer Links -----------------------------
	         Responsive -------------------------------
	     11. Content ----------------------------------
	         Responsive -------------------------------
	     12. Sidebar ----------------------------------
	         Responsive -------------------------------
	III. Themes ---------------------------------------
	IV.  Modules --------------------------------------
	     01. Article ----------------------------------
	         Responsive -------------------------------
	     02. Article Single ---------------------------
	         Responsive -------------------------------
	     03. Article Small ----------------------------
	         Responsive -------------------------------
	     04. Author -----------------------------------
	         Responsive -------------------------------
	     05. Book -------------------------------------
	         Responsive -------------------------------
	     06. Book Single ------------------------------
	         Responsive -------------------------------
	     07. Bootstrap Select -------------------------
	         Responsive -------------------------------
	     08. Breadcrumb -------------------------------
	         Responsive -------------------------------
	     09. Button -----------------------------------
	         Responsive -------------------------------
	     10. Community --------------------------------
	     11. Community Single -------------------------
	         Responsive -------------------------------
	     12. Feature ----------------------------------
	         Responsive -------------------------------
	     13. Feature Alpha ----------------------------
	         Responsive -------------------------------
	     14. Form Elements ----------------------------
	         Responsive -------------------------------
	     15. Form -------------------------------------
	     16. Logo -------------------------------------
	         Responsive -------------------------------
	     17. List -------------------------------------
	     18. List Staff -------------------------------
	         Responsive -------------------------------
	     19. List Community ---------------------------
	         Responsive -------------------------------
	     20. Logo -------------------------------------
	         Responsive -------------------------------
	     21. Nav --------------------------------------
	     22. Navbar Toggle ----------------------------
	         Responsive -------------------------------
	     23. Search -----------------------------------
	         Responsive -------------------------------
	     24. Search Primary ---------------------------
	         Responsive -------------------------------
	     25. Search Primary Alpha ---------------------
	     26. Search Alpha -----------------------------
	         Responsive -------------------------------
	     27. Search Secondary -------------------------
	         Responsive -------------------------------
	     28. Section ----------------------------------
	         Responsive -------------------------------
	     29. Section Staff ----------------------------
	     30. Section Who We Are -----------------------
	     31. Section Community ------------------------
	     32. Section Books ----------------------------
	         Responsive -------------------------------
	     33. Section Community ------------------------
	         Responsive -------------------------------
	     34. Slider -----------------------------------
	         Responsive -------------------------------
	     35. Socials ----------------------------------
	         Responsive -------------------------------
	     36. Socials Secondary ------------------------
	         Responsive -------------------------------
	     37. Table ------------------------------------
	     38. Widget -----------------------------------
	         Responsive -------------------------------
	     39. Widget Alpha -----------------------------
	         Responsive -------------------------------
	     40. Widget Beta ------------------------------
	         Responsive -------------------------------
 */

/* ------------------------------------------------------------ *\
	I.   Generic
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */

*,
*:before,
*:after { padding: 0; margin: 0; outline: 0; box-sizing: border-box; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main { display: block; }

html,
body { height: 100%; }

html { tap-highlight-color: rgba(0,0,0,0); }

body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }

img, iframe, video, audio, object { max-width: 100%; }

img { height: auto; display: inline-block; vertical-align: middle; }

b,
strong { font-weight: bold; }

address { font-style: normal; }

svg:not(:root) { overflow: hidden; }

a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] { cursor: pointer; }

a[href^="tel"],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] { cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { display: none; -webkit-appearance: none; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

textarea { overflow: auto; resize: none; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }

button,
input,
optgroup,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }

button,
select { text-transform: none; }

table { width: 100%; border-collapse: collapse; border-spacing: 0; }

nav ul,
nav ol { list-style: none outside none; }

/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */

@font-face {
    font-family: 'gill_sansregular';
    src: url('/HTMLBurger/css/fonts/gillsans-webfont.eot');
    src: url('/HTMLBurger/css/fonts/gillsans-webfont.eot?#iefix') format('embedded-opentype'),
         url('/HTMLBurger/css/fonts/gillsans-webfont.woff') format('woff'),
         url('/HTMLBurger/css/fonts/gillsans-webfont.ttf') format('truetype'),
         url('/HTMLBurger/css/fonts/gillsans-webfont.svg#gill_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gill_sansbold';
    src: url('/HTMLBurger/css/fonts/gillsans-bold-webfont.eot');
    src: url('/HTMLBurger/css/fonts/gillsans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/HTMLBurger/css/fonts/gillsans-bold-webfont.woff') format('woff'),
         url('/HTMLBurger/css/fonts/gillsans-bold-webfont.ttf') format('truetype'),
         url('/HTMLBurger/css/fonts/gillsans-bold-webfont.svg#gill_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'nexa_rust_sansblack';
    src: url('/HTMLBurger/css/fonts/nexarustsans-black-webfont.eot');
    src: url('/HTMLBurger/css/fonts/nexarustsans-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('/HTMLBurger/css/fonts/nexarustsans-black-webfont.woff2') format('woff2'),
         url('/HTMLBurger/css/fonts/nexarustsans-black-webfont.woff') format('woff'),
         url('/HTMLBurger/css/fonts/nexarustsans-black-webfont.ttf') format('truetype'),
         url('/HTMLBurger/css/fonts/nexarustsans-black-webfont.svg#nexa_rust_sansblack') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'appleberryregular';
    src: url('/HTMLBurger/css/fonts/appleberry_with_cyrillic-webfont.eot');
    src: url('/HTMLBurger/css/fonts/appleberry_with_cyrillic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/HTMLBurger/css/fonts/appleberry_with_cyrillic-webfont.woff2') format('woff2'),
         url('/HTMLBurger/css/fonts/appleberry_with_cyrillic-webfont.woff') format('woff'),
         url('/HTMLBurger/css/fonts/appleberry_with_cyrillic-webfont.ttf') format('truetype'),
         url('/HTMLBurger/css/fonts/appleberry_with_cyrillic-webfont.svg#appleberryregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */

body { min-width: 320px; background: #f2f8fc; font-family: 'Trebuchet MS', 'Helvetica', sans-serif; font-size: 14px; line-height: 1.26; color: #233e7d; }

a { text-decoration: none; outline: 0; color: #007cc2; transition: .2s; }
a:active,
a:focus { text-decoration: none; outline: 0; color: #233e7d; }
a:hover { text-decoration: underline; outline: 0; color: #c3c618; }

a[href^="tel"] { text-decoration: none; }

h1 { font-size: 30px; line-height: 1.13; }
h2 { font-size: 18px; line-height: 1.67; }
h3 { font-size: 16px; line-height: 1.88; }
h4 { font-size: 14px; line-height: 2.14; }
h5 { font-size: 13px; line-height: 1.46; }
h6 { font-size: 12px; line-height: 1.5; }

h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 0.63em; font-weight: normal; margin-top: 0; }

p,
ul,
ol,
dl,
table,
blockquote { margin-bottom: 1.26em; }

h1[class],
h2[class],
h3[class],
h4[class],
h5[class],
h6[class],
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child { margin-bottom: 0; }

/*  Responsive  */

@media (max-width: 1199px) {

}

@media (max-width: 991px) {

}

@media (max-width: 767px) {

	h1 { font-size: 24px; }
	h2 { font-size: 15px; }
	h3 { font-size: 13px; }

}

@media (max-width: 479px) {

}

/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */

/*  Clear  */

.header-utilities:after,
.article-socials ul:after,
.header-row:after,
.feature-head:after,
.feature-inner:after,
.book-intro:after,
.author-body:after,
.article-actions:after,
.header-inner:after,
.footer-cols:after,
.cols:after,
.clear:after { content: ''; line-height: 0; display: table; clear: both; }


/*  Notext  */

.notext { white-space: nowrap; text-indent: 100%; text-shadow: none; overflow: hidden; }
.notext-old { font-size: 0; line-height: 0; text-indent: -4000px; }


/*  Hidden  */

[hidden],
.hidden { display: none; }


/*  Alignleft  */

.alignleft { float: left; }

/*  Alignright  */

.alignright { float: right; }

/*  Disabled  */

[disabled],
.disabled { cursor: default; }

/*  Cols  */

.cols { }
.col { float: left; }
.col-1of5 { width: 20%; padding-right: 20px; }

/*  Responsive  */

@media (max-width: 1199px) {

}

@media (max-width: 991px) {

	.col-1of5 { padding-right: 10px; }

}

@media (max-width: 767px) {
	
	.col { float: none; }
	.col-1of5 { width: 100%; padding-right: 0; padding-bottom: 10px; }

}

@media (max-width: 479px) {

	.hidden-mobile-small { display: none; }

}

/* ------------------------------------------------------------ *\
	II.  Regions
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */

.wrapper { position: relative; }

/* ------------------------------------------------------------ *\
	Container
\* ------------------------------------------------------------ */

.container {}

/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */

.shell { max-width: 1200px; margin: auto; }

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

.header { padding: 15px 0; background-color: #f2f8fc; }
.header-content { float: right; }
.header-row { padding-top: 8px; }
.header-row:first-child { padding-top: 0; }
.header .btn.btn-donate { float: left; text-transform: uppercase; padding: 0 8px; border-radius: 3px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .3); border: 0; font-family: 'gill_sansbold', sans-serif; font-size: 19px; line-height: 1.68; height: 32px; }

.header-holder { display: block; position: fixed; top: 0; left: 0; width: 100%; z-index: 20; }

.header-h1 { text-transform: uppercase; font-family: 'gill_sansbold', sans-serif; }
.header-h2 { text-transform: uppercase; color: #233e7d; font-family: 'gill_sansbold', sans-serif; }
.header-h3 { text-transform: uppercase; color: #373737;  }
.header-h4 { color: #9b9e0b;  }

.header-utilities { padding: 10px; }

/*  Responsive  */

@media (max-width: 1199px) {


}

@media (max-width: 991px) {
	
	.header-holder { display: block; position: static; top: 0; left: 0; width: 100%; z-index: 20; }

	.header { padding: 5px 0; background-color: #007cc2; height: 58px; }
	.header .btn-signup { float: left; margin-top: 5px; }

}

@media (max-width: 767px) {

}

@media (max-width: 479px) {

}

/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */

.main { padding-top: 142px; }
.main .main-image img { display: block; width: 100%; height: auto; }

/*  Responsive  */

@media (max-width: 1199px) {

}

@media (max-width: 991px) {

	.main { padding-top: 0; }

}

@media (max-width: 767px) {

}

@media (max-width: 479px) {

}

/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */

.footer { background-color: #007cc2; padding: 20px 0 15px 0; color: #fff; }

/* ------------------------------------------------------------ *\
	Footer Cols
\* ------------------------------------------------------------ */

.footer-cols { }
.footer-col { float: left; width: 20%; padding-right: 10px; }

/* ------------------------------------------------------------ *\
	Footer Navs
\* ------------------------------------------------------------ */

.footer-navs { padding-bottom: 10px; }
.footer-nav {  }
.footer-nav h5 { text-transform: uppercase; color: #fff; font-family: 'gill_sansbold', sans-serif; font-size: 16px; line-height: 1.13; }
.footer-nav ul { list-style-type: none; }
.footer-nav li { display: block; }
.footer-nav a { color: #fff; text-decoration: none; }
.footer-nav a:hover { color: #85c0e2; }

/* ------------------------------------------------------------ *\
	Footer Copyright
\* ------------------------------------------------------------ */

.footer .copyright { font-size: 10px; line-height: 1.1; text-align: center; margin-bottom: 5px; }

/* ------------------------------------------------------------ *\
	Footer Links
\* ------------------------------------------------------------ */

.footer-links { }
.footer-links ul { list-style-type: none; font-size: 0; line-height: 0; text-align: center; }
.footer-links li { display: inline-block; vertical-align: middle; font-size: 10px; line-height: 1.1; padding-left: 5px; margin-left: 5px; border-left: 1px solid #fff; }
.footer-links li:first-child { border-left: 0; }
.footer-links a { color: #fff; text-decoration: none; }
.footer-links a:hover { color: #85c0e2; }

/*  Responsive  */

@media (max-width: 1199px) {

}

@media (max-width: 991px) {

}

@media (max-width: 767px) {

	.footer-col { width: 100%; float: none; text-align: center; }

	.footer-nav { padding: 10px 0; }

}

@media (max-width: 479px) {

}

/* ------------------------------------------------------------ *\
	Content
\* ------------------------------------------------------------ */

.content { padding: 40px 60px; background-color: #fff; box-shadow: -10px 0 10px -10px rgba(0, 0, 0, .2), 10px 0 10px -10px rgba(0, 0, 0, .2); }

/*  Responsive  */

@media (max-width: 1199px) {

}

@media (max-width: 991px) {

	.content { padding: 30px 15px; } 

}

@media (max-width: 767px) {

}

@media (max-width: 479px) {

}

/* ------------------------------------------------------------ *\
	Sidebar
\* ------------------------------------------------------------ */

.sidebar { margin-left: -20px; background-color: #fff; box-shadow: -10px 0 10px -10px rgba(0, 0, 0, .2), 10px 0 10px -10px rgba(0, 0, 0, .2); }

/*  Responsive  */

@media (max-width: 1199px) {

}

@media (max-width: 991px) {

}

@media (max-width: 767px) {
	
	.sidebar { margin-left: 0; min-height: auto!important; }

}

@media (max-width: 479px) {

}

/* ------------------------------------------------------------ *\
	III. Themes
\* ------------------------------------------------------------ */



/* ------------------------------------------------------------ *\
	IV.  Modules
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Article
\* ------------------------------------------------------------ */

.articles { }
.article { padding: 45px 0; border-top: 1px solid #4ca3d4; }
.article:first-child { border-top: 0; padding-top: 0; }
.article .article-head { margin-bottom: 10px; position: relative; }
.article .article-title { font-weight: bold; color: #c3c618; }
.article .article-author { color: #233e7d; }
.article .article-content { font-size: 12px; line-height: 1.17; font-weight: bold; padding-top: 25px; }

/*  Responsive  */

@media (max-width: 1199px) {

}

@media (max-width: 991px) {

}

@media (max-width: 767px) {

}

@media (max-width: 479px) {

}

/* ------------------------------------------------------------ *\
	Article Single
\* ------------------------------------------------------------ */

.article-single { }
.article-single .article-head { padding-right: 100px; }
.article-single .article-socials { display: block; position: absolute; bottom: 0; right: 0; }
.article-single .article-socials ul { list-style-type: none; }
.article-single .article-socials li { float: left; padding-left: 5px; text-align: center; }
.article-single .article-socials li:first-child { padding-left: 0; }
.article-single .article-socials a { color: #fff; display: block; width: 30px; height: 30px; padding: 7px 0; }
.article-single .article-socials a .fa { font-size: 18px; }
.article-single .article-socials a.link-facebook { background-color: #4d67a3; }
.article-single .article-socials a.link-twitter { background-color: #25a7df; }
.article-single .article-socials a.link-pinterest { background-color: #c62325; }
.article-single .article-socials a:hover { opacity: .8; }
.article-single .article-body { padding-bottom: 10px; border-bottom: 1px solid #4ca3d4; }
.article-single .article-date { text-align: right; padding-top: 15px; }
.article-single .article-actions { margin: 15px 0; position: relative; }
.article-single .article-actions .article-socials { position: static; float: right; }
.article-single .article-tags { font-size: 14px; float: left; margin: 6px 0; }
.article-single .article-foot { padding-top: 50px; }

/*  Responsive  */

@media (max-width: 1199px) {

}

@media (max-width: 991px) {

}

@media (max-width: 767px) {

	.article-single .article-socials { position: static; }
	.article-single .article-head { padding-right: 0; }

}

@media (max-width: 479px) {

}

/* ------------------------------------------------------------ *\
	Article Small
\* ------------------------------------------------------------ */

.article-small { padding-top: 40px; }
.article-small:first-child { padding-top: 0; }
.article-small .article-content { padding-top: 10px; }
.article-small .article-title { line-height: 1; }
.article-small .article-title a { color: #233e7d; }
.article-small .article-title a:hover { color: #c3c618; }

/*  Responsive  */

@media (max-width: 1199px) {

}

@media (max-width: 991px) {

}

@media (max-width: 767px) {

}

@media (max-width: 479px) {

}

/* ------------------------------------------------------------ *\
	Author
\* ------------------------------------------------------------ */

.author { }
.author .author-head { text-transform: uppercase; padding-bottom: 10px; }
.author .author-head h2 { color: #ef7123; font-family: 'gill_sansbold', sans-serif; }
.author .author-body {  }
.author .author-image { float: left; padding-right: 20px; }
.author .author-content { font-size: 12px; font-weight: bold; overflow: hidden; }
.author .author-title { font-weight: bold; }
.author .author-title a { color: #233e7d; text-decoration: none; }
.author .author-title a:hover { color: #c3c618; }

/*  Responsive  */

@media (max-width: 1199px) {

}

@media (max-width: 991px) {

}

@media (max-width: 767px) {

	.author .author-image { float: none; padding-right: 0; }
	.author .author-image img { display: block; width: 100%; height: auto; }

}

@media (max-width: 479px) {

}

/* ------------------------------------------------------------ *\
	Book
\* ------------------------------------------------------------ */

.books { padding-top: 20px; }
.book { position: relative; margin-bottom: 15px; -webkit-perspective: 600px; perspective: 600px; }
.book .book-image { display: block; position: static; top: 0; left: 0; width: inherit; height: inherit; z-index: 5; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(0deg) rotateY(0deg); transform: rotateX(0deg) rotateY(0deg); transition: .6s; }
.book .book-image img { display: block; width: 100%; height: auto; }
.book .book-overlay { font-size:12px; background-color: #007cc2; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 4; padding: 10px 15px 15px 15px; color: #fff; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateY(-179deg); transform: rotateY(-179deg); transition: .6s; overflow:hidden; }
.book .book-title { font-weight: bold; font-size: 18px; line-height: 1; padding-bottom: 10px; }
.book .book-title a { color: #fff; text-decoration: none; }
.book .book-title a:hover { color: #c3c618; }

.book.flip .book-image { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); z-index: 5; }
.book.flip .book-overlay { -webkit-transform: rotateX(0deg) rotateY(0deg); transform: rotateX(0deg) rotateY(0deg); z-index: 6; }

/*  Responsive  */

@media (max-width: 1199px) {


}

@media (max-width: 991px) {

}

@media (max-width: 767px) {
	
	.books .row { margin: 0 -5px; }
	.books .col-xs-6 { padding: 0 5px; }
}

/* ------------------------------------------------------------ *\
	Book Single
\* ------------------------------------------------------------ */

.book-single { }
.book-single .book-intro { padding-bottom: 35px; }
.book-single .book-image { float: left; padding-right: 30px; }
.book-single .book-content { overflow: hidden; line-height: 1; }
.book-single .book-title { color: #c97600; font-family: 'gill_sansbold', sans-serif; padding-bottom: 10px; }
.book-single .book-outro { padding-bottom: 35px;  font-size: 13px; line-height: 1.15; font-weight: bold; }
.book-single .book-outro h2 { color: #c97600; font-size: 24px; font-family: 'gill_sansbold', sans-serif; font-weight: normal; }

/*  Responsive  */

@media (max-width: 1199px) {

}

@media (max-width: 991px) {

}

@media (max-width: 767px) {

	.book-single .book-image { float: none; padding-right: 0; padding-bottom: 10px; }
	.book-single .book-image img { display: block; width: 100%; height: auto; }

}

@media (max-width: 479px) {

}

/* ------------------------------------------------------------ *\
	Bootstrap Select
\* ------------------------------------------------------------ */

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 100%; }
.bootstrap-select.btn-group .dropdown-toggle { border: 0; color: #233e7d; padding: 0 15px 0 10px; font-size: 14px; line-height: 1.86; background-color: #ecedee; border-radius: 3px; font-weight: normal; }
.bootstrap-select.btn-group .dropdown-toggle .caret { background: url(/HTMLBurger/css/images/select-arrow.png) no-repeat 0 0; width: 12px; height: 12px; border: 0; right: 5px; margin-top: -6px; }
.bootstrap-select.btn-group.open .dropdown-toggle { background-color: #007cc2; color: #fff; }
.bootstrap-select.btn-group.open .dropdown-toggle .caret { background: url(/HTMLBurger/css/images/select-arrow-selected.png) no-repeat 0 0; }
.bootstrap-select.btn-group .dropdown-menu li a { color: #233e7d; }

/*  Responsive  */

@media (max-width: 1199px) {

}

@media (max-width: 991px) {

}

@media (max-width: 767px) {

}

@media (max-width: 479px) {

}

/* ------------------------------------------------------------ *\
	Breadcrumb
\* ------------------------------------------------------------ */

.breadcrumb-holder { background-image: url(/HTMLBurger/css/images/breadcrumb-bg.png); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; }
.breadcrumb { background: none; padding: 2px 0; }
.breadcrumb > li { font-size: 12px; }
.breadcrumb > li + li:before { content: '>'; color: #fff; padding: 0 6px 0 4px; }
.breadcrumb > .active { color: #fff; }
.breadcrumb a { color: #fff; font-weight: bold; text-decoration: none; }
.breadcrumb a:hover { color: #233e7d; }

/*  Responsive  */

@media (max-width: 1199px) {

}

@media (max-width: 991px) {

}

@media (max-width: 767px) {

}

@media (max-width: 479px) {

}

/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */

.btn { display: inline-block; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-decoration: none; border: 0; color: #fff; font-size: 19px; font-family: 'gill_sansbold', sans-serif; }
.btn:hover { color: #373737; }
.btn .fa { float: left; margin-right: 5px; }

.btn.btn-default { background-color: #d61673; }

.btn.btn-primary { background-color: #c3c618; border: 1px solid #fff; font-size: 22px; font-family: 'appleberryregular', sans-serif; }

.btn.btn-danger { background-color: #ef7123; }

/*  Responsive  */

@media (max-width: 1199px) {

}

@media (max-width: 991px) {

}

@media (max-width: 767px) {

}

@media (max-width: 479px) {

}

/* ------------------------------------------------------------ *\
	Community
\* ------------------------------------------------------------ */

.community { }

/* ------------------------------------------------------------ *\
	Community Single
\* ------------------------------------------------------------ */

.community-single { }
.community-single .community-section { padding: 20px 0; border-top: 1px solid #4ca3d4; }
.community-single .community-section .btn { display: block; width: 100%; }
.community-single .community-section:first-child { padding-top: 0; border-top: 0; }
.community-single .community-section h1,
.community-single .community-section h2 { color: #c97600; font-family: 'gill_sansbold', sans-serif; }
.community-single .community-section h2 { font-size: 24px; }
.community-single .community-section h4 { font-size: 13px; font-family: 'gill_sansbold', sans-serif; }
.community-single .community-logo { padding-top: 10px; }
.community-single .community-logo img { width: 100%; }

/*  Responsive  */

@media (max-width: 1199px) {

}

@media (max-width: 991px) {

	.community-single .community-section h1 { font-size: 24px; }
	.community-single .community-section .btn { font-size: 14px; } 

}

@media (max-width: 767px) {

}

@media (max-width: 479px) {

}

/* ------------------------------------------------------------ *\
	Feature
\* ------------------------------------------------------------ */

.features { padding: 20px 0 40px 0; }
.feature {  }
.feature .feature-head { margin-bottom: 3px; background-color: #007cc2; border-radius: 5px 5px 0 0; box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, .1); }
.feature .feature-title { color: #fff; font-family: 'appleberryregular', sans-serif; font-size: 34px; line-height: 1.03; text-transform: uppercase; padding: 15px; }
.feature .feature-title .ico { float: left; margin-right: 30px; }
.feature .feature-inner {  }
.feature .feature-body { background-color: #fff; border-radius: 0 0 5px 5px; box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, .1); min-height: 320px; padding: 15px; }
.feature .feature-socials {  }
.feature .feature-socials ul { list-style-type: none; }
.feature .feature-socials li { display: block; margin-top: 10px; text-align: center; font-size: 38px; }
.feature .feature-socials li:first-child { margin-top: 0; }
.feature .feature-socials a { display: block; box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, .1); background-color: #fff; border-radius: 5px; min-height: 72px; padding-top: 10px; }
.feature .feature-socials a.link-facebook { color: #4d67a3; }
.feature .feature-socials a.link-twitter { color: #25a7df; }
.feature .feature-socials a.link-instagram { color: #40719a; }
.feature .feature-socials .fa {  }

/*  Responsive  */

@media (max-width: 1199px) {

}

@media (max-width: 991px) {

	.feature { margin-bottom: 30px; }
	.feature .feature-body { min-height: 215px; }
	.feature .feature-socials li { margin-top: 5px; font-size: 28px; }
	.feature .feature-socials a { min-height: 50px; padding-top: 5px; }

}

@media (max-width: 767px) {

}

@media (max-width: 479px) {

}

/* ------------------------------------------------------------ *\
	Feature Alpha
\* ------------------------------------------------------------ */

.feature-alpha .feature-body { float: left; width: 75%; }
.feature-alpha .feature-aside { float: right; width: 20%; }

/*  Responsive  */

@media (max-width: 1199px) {

}

@media (max-width: 991px) {

	.feature-alpha .feature-body { width: calc(100% - 55px); }
	.feature-alpha .feature-aside { width: 50px; }

}

@media (max-width: 767px) {

}

@media (max-width: 479px) {

}

/* ------------------------------------------------------------ *\
	Form Elements
\* ------------------------------------------------------------ */

input::-webkit-input-placeholder { color: inherit; opacity: 1; }

input::-moz-placeholder { color: inherit; opacity: 1; }

input:-ms-input-placeholder { color: inherit; opacity: 1; }

input::placeholder { color: inherit; opacity: 1; }
textarea::-webkit-input-placeholder { color: inherit; opacity: 1; }
textarea::-moz-placeholder { color: inherit; opacity: 1; }
textarea:-ms-input-placeholder { color: inherit; opacity: 1; }
textarea::placeholder { color: inherit; opacity: 1; }

input:-webkit-autofill { -webkit-text-fill-color: inherit !important; -webkit-box-shadow: 0 0 0 1000px #fff inset; }

.field {}
.textarea {}
.select {}
.radio {}
.checkbox {}

.form-control { font-size: 12px; color: #e1e1e1; height: auto; padding: 5px; display: block; width: 100%; border-radius: 3px; }
.input-group { width: 100%; }

/*  Responsive  */

@media (max-width: 1199px) {

}

@media (max-width: 991px) {

}

@media (max-width: 767px) {

}

@media (max-width: 479px) {

}

/* ------------------------------------------------------------ *\
	Form
\* ------------------------------------------------------------ */

.form {}

/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */

.ico { display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; }

.ico-mailbox,
.ico-community,
.ico-latest { width: 89px; height: 69px; }
.ico-mailbox { background-image: url(/HTMLBurger/css/images/ico-mailbox@x2.png); }
.ico-community { background-image: url(/HTMLBurger/css/images/ico-community@x2.png); }
.ico-latest { background-image: url(/HTMLBurger/css/images/ico-latest@x2.png); }

.ico-pj { background-image: url(/HTMLBurger/css/images/ico-pj@x2.png); width: 43px; height: 43px; }

.ico-search { background-image: url(/HTMLBurger/css/images/ico-search@x2.png); width: 16px; height: 19px; }
.ico-search-grey { background-image: url(/HTMLBurger/css/images/ico-search-grey@x2.png); width: 16px; height: 19px; }

.ico-arrow-right,
.ico-arrow-down { width: 17px; height: 17px; }
.ico-arrow-right { background-image: url(/HTMLBurger/css/images/arrow-right.png); }
.ico-arrow-down { background-image: url(/HTMLBurger/css/images/arrow-down.png); }

/*  Responsive  */

@media (max-width: 1199px) {

}

@media (max-width: 991px) {

	.ico-pj { width: 30px; height: 30px; }

}

@media (max-width: 767px) {

}

@media (max-width: 479px) {

}

/* ------------------------------------------------------------ *\
	List
\* ------------------------------------------------------------ */

[class^="list-"] { list-style: none outside none; }

/* ------------------------------------------------------------ *\
	List Staff
\* ------------------------------------------------------------ */

.list-staff { }
.list-staff li { padding-top: 35px; }
.list-staff li h4 { font-weight: bold; }
.list-staff li h4 a { color: #c3c618; text-decoration: none; }
.list-staff li h4 a:hover { color: #233e7d; }
.list-staff li .actions { font-size: 12px; }

/*  Responsive  */

@media (max-width: 1199px) {

}

@media (max-width: 991px) {

}

@media (max-width: 767px) {

}

@media (max-width: 479px) {

}

/* ------------------------------------------------------------ *\
	List Community
\* ------------------------------------------------------------ */

.list-community { }
.list-community li { padding-bottom: 15px; }
.list-community p { margin-bottom: 0; }

/*  Responsive  */

@media (max-width: 1199px) {

}

@media (max-width: 991px) {

}

@media (max-width: 767px) {

}

@media (max-width: 479px) {

}

/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */

.logo { font-size: 0; line-height: 0; text-indent: -4000px; float: left; background-image: url(/HTMLBurger/css/images/logo@x2.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; width: 220px; height: 70px; }

/*  Responsive  */

@media (max-width: 1199px) {

}

@media (max-width: 991px) {

	.logo { width: 150px; height: 48px; float: none; display: block; margin: auto; background-image: url(/HTMLBurger/css/images/logo-white@x2.png); }

}

@media (max-width: 767px) {

}

@media (max-width: 479px) {

	.logo { width: 95px; height: 30px; position: relative; top: 10px; left: 20px; }

}

/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */

.nav-holder { background-color: #007cc2; display: block; height: auto!important; }
.nav.nav-pills {}
.nav.nav-pills > li { float: left; font-size: 21px; line-height: 1.86; text-transform: uppercase; font-family: 'gill_sansbold', sans-serif; }
.nav.nav-pills > li + li { margin-left: 0; }
.nav.nav-pills > li > a:focus,
.nav.nav-pills > li > a:active,
.nav.nav-pills > li > a { color: #fff; display: block; padding: 0 26px; text-decoration: none; border-radius: 0; background-color: #007cc2; }
.nav.nav-pills > li.link-signup > a { background-color: #d61673; }
.nav.nav-pills > li.open > a,
.nav.nav-pills > li > a:hover { color: #ef7123; background-color: #fff; }
.no-touch .nav.nav-pills > li:hover .dropdown-menu { display: block; margin-top: 0; }

.nav.nav-pills .dropdown-menu { background-color: #fff; padding: 20px 30px; margin-top: 0; border-radius: 0; border: 0; font-family: 'Trebuchet MS', 'Helvetica', sans-serif; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.176) }
.nav.nav-pills .dropdown-menu .cols { font-size: 0; line-height: 0; }
.nav.nav-pills .dropdown-menu .col { min-width: 200px; display: block; float: none; }
.nav.nav-pills .dropdown-menu h4 { text-transform: uppercase; color: #667980; font-weight: bold; margin-bottom: 0; line-height: 1.36; padding: 10px 0 5px 0; }
.nav.nav-pills .dropdown-menu ul { list-style-type: none; }
.nav.nav-pills .dropdown-menu li { display: block; text-transform: uppercase; font-size: 14px; line-height: 1.29; font-weight: normal; }
.nav.nav-pills .dropdown-menu a {  }
/*.nav.nav-pills .dropdown-menu.cols-1 { min-width: 260px; }
.nav.nav-pills .dropdown-menu.cols-2 { min-width: 460px; }
.nav.nav-pills .dropdown-menu.cols-3 { min-width: 660px; }*/

/* ------------------------------------------------------------ *\
	Navbar Toggle
\* ------------------------------------------------------------ */

.navbar-toggle { display: block; position: absolute; top: 15px; right: 20px; margin: 0; padding: 0; width: 39px; }
.navbar-toggle .icon-bar { background-color: #fff; height: 6px; display: block; width: 100%; margin-top: 8px; border-radius: 0; }
.navbar-toggle .icon-bar:first-child { margin-top: 0; }


/*  Responsive  */

@media (max-width: 1199px) {

	.nav.nav-pills > li > a:focus,
	.nav.nav-pills > li > a:active,
	.nav.nav-pills > li > a { padding: 0 18px; }

	.nav-holder { display: block; }

}

@media (max-width: 991px) {

	.nav-holder { display: none; }
	.nav-holder .container { padding-left: 0; padding-right: 0; width: auto; }
	.nav-holder.collapse.in { display: block; position: absolute; top: 58px; right: 0; width: 220px; z-index: 20; background-color: #233e7d; }
	.nav.nav-pills > li { text-transform: capitalize; float: none; display: block; font-size: 20px; border-bottom: 1px solid #5c709f; }
	.nav.nav-pills > li > a:focus,
	.nav.nav-pills > li > a:active,
	.nav.nav-pills > li > a { background-color: #233e7d; padding: 15px 10px; }
	.nav.nav-pills > li > a .ico-arrow-right { position: relative; top: -2px; }
	.nav.nav-pills > li.open > a,
	.nav.nav-pills > li > a:hover { background-color: #29abe2; color: #fff; }
	.nav.nav-pills > li.open > a .ico-arrow-right { background-image: url(/HTMLBurger/css/images/arrow-down.png); }

	.nav.nav-pills .dropdown-menu { background: none; padding: 0; position: static; float: none; }
	.nav.nav-pills .dropdown-menu li { font-size: 18px; font-family: 'gill_sansbold', sans-serif; margin-top: 1px; text-transform: none; }
	.nav.nav-pills .dropdown-menu a { color: #fff; padding: 15px 5px 15px 30px; text-decoration: none; }
	.nav.nav-pills .dropdown-menu a:focus,
	.nav.nav-pills .dropdown-menu a:active,
	.nav.nav-pills .dropdown-menu a { background-color: #007cc2; }

}

@media (max-width: 767px) {

}

@media (max-width: 479px) {

	.nav-holder.collapse.in { width: 100%; }

}

/* ------------------------------------------------------------ *\
	Search
\* ------------------------------------------------------------ */

.search { }
.search .input-group .form-control { max-width: 125px; margin-right: 5px; border-radius: 3px;}
.search .input-group-btn { display: inline-block; }
.search .input-group-btn .btn { padding: 4px 5px; border-radius: 3px; font-weight: bold; font-family: 'Trebuchet MS', 'Helvetica', sans-serif; background-color: #007cc2; font-size: 14px; }

/*  Responsive  */

@media (max-width: 1199px) {

}

@media (max-width: 991px) {

}

@media (max-width: 767px) {

}

@media (max-width: 479px) {

}

/* ------------------------------------------------------------ *\
	Search Primary
\* ------------------------------------------------------------ */

.search-primary { margin: 0; padding: 0; border: 0; }
.search-primary .form-group { padding-top: 2px; margin-bottom: 0; }
.search-primary .form-control { border: 1px solid #000; border-radius: 0; min-width: 185px; color: #233e7d; }
.search-primary .btn { padding: 3px 9px; }
.search-primary .btn .ico { margin-right: 0; position: relative; top: -2px; }

/*  Responsive  */

@media (max-width: 1199px) {

}

@media (max-width: 991px) {

	.search-primary { padding: 15px 10px; }
	.search-primary .form-control { width: 100%; min-width: 0; }

}

@media (max-width: 767px) {

	.search-primary .form-group { display: inline-block; }
	.search-primary .form-control { display: inline-block; }

}

@media (max-width: 479px) {

	.search-primary .form-group { width: calc(100% - 40px); position: relative; top: 1px; }

}

/* ------------------------------------------------------------ *\
	Search Primary Alpha
\* ------------------------------------------------------------ */

.search-primary-alpha { display: none; }
.search-primary-alpha.expanded { display: block; }

/* ------------------------------------------------------------ *\
	Search Alpha
\* ------------------------------------------------------------ */

.search-alpha { max-width: 330px; position: relative; }
.search-alpha .input-group { width: 100%; }
.search-alpha .search-btn { display: block; position: absolute; top: 0; right: 5px; background: 0; height: 100%; z-index: 5; border: 0; }

/*  Responsive  */

@media (max-width: 1199px) {

}

@media (max-width: 991px) {

	.search-alpha { max-width: 265px; }

}

@media (max-width: 767px) {

}

@media (max-width: 479px) {

}

/* ------------------------------------------------------------ *\
	Search Secondary
\* ------------------------------------------------------------ */

.search-secondary { float: left; padding: 10px; text-align: center; }
.search-secondary .ico { width: 38px; height: 44px; position: relative; top: 5px; }

/*  Responsive  */

@media (max-width: 1199px) {

}

@media (max-width: 991px) {
	
	.search-secondary .ico { width: 25px; height: 29px; }

}

@media (max-width: 767px) {


}

@media (max-width: 479px) {

	.search-secondary .ico { width: 38px; height: 44px; }

}

/* ------------------------------------------------------------ *\
	Section
\* ------------------------------------------------------------ */

.section {}
.section .section-head { padding-bottom: 30px; }
.section .section-title { color: #c97600; font-family: 'gill_sansbold', sans-serif; }
.section .section-body { }
.section .section-actions { text-align: center; padding: 30px 0; }

/*  Responsive  */

@media (max-width: 1199px) {

}

@media (max-width: 991px) {

	.section .section-head { padding-bottom: 20px; }
	.section .section-actions { padding: 20px 0; }

}

@media (max-width: 767px) {

	.section .section-actions { padding: 10px 0; }

}

@media (max-width: 479px) {

	.section .section-head { padding-bottom: 15px; }

}

/* ------------------------------------------------------------ *\
	Section Staff
\* ------------------------------------------------------------ */

.section-staff { font-size: 13px; }

/* ------------------------------------------------------------ *\
	Section Who We Are
\* ------------------------------------------------------------ */

.section-who-we-are { font-size: 13px; }

/* ------------------------------------------------------------ *\
	Section Community
\* ------------------------------------------------------------ */

.section-community { font-size: 13px; }

/* ------------------------------------------------------------ *\
	Section Books
\* ------------------------------------------------------------ */

.section-books .section-actions { font-weight: bold; }
.section-books .section-actions span { color: #4f6597; }
.section-books .section-filters { padding: 40px 0 10px 0; }
.section-books .section-filters .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { max-width: 150px; }

/*  Responsive  */

@media (max-width: 1199px) {

}

@media (max-width: 991px) {

}

@media (max-width: 767px) {

	.section-books .section-filters .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { max-width: 100%; }

}

@media (max-width: 479px) {

}

/* ------------------------------------------------------------ *\
	Section Community
\* ------------------------------------------------------------ */

.section-community .section-actions { text-align: left; }
.section-community .section-actions h4 { color: #c3c618; font-weight: bold; padding-top: 20px; }

/*  Responsive  */

@media (max-width: 1199px) {

}

@media (max-width: 991px) {

}

@media (max-width: 767px) {

}

@media (max-width: 479px) {

}

/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */

.slider { position: relative; overflow: hidden;  }

.slider .slides { list-style: none outside none; }
.slider .slide { float: left; position: relative; }
.slider .slide img { display: block; width: 100%; height: auto; }
.slider .slide-content h2 { text-shadow: 0 0 10px rgba(0, 0, 0, .3); color: #fff; font-size: 48px; line-height: 0.92; text-transform: uppercase; width: 50%; font-family: 'nexa_rust_sansblack', sans-serif; }
.slider .slide-content .btn-default { border: 1px solid #fff; font-size: 24px; text-transform: uppercase; }
.slider .container { display: block; position: absolute; top: 50%; left: 50%; margin: auto; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
.slider .container-alpha { top: auto; bottom: 20px; }
.slider .btn-watch { text-transform: uppercase; }
.slider .btn-watch .fa { margin-top: 4px; }
.slider .slider-actions { display: none; }

/*  Responsive  */

@media (max-width: 1199px) {

}

@media (max-width: 991px) {

	.slider .slide-content h2 { font-size: 30px; line-height: 1.47; }

}

@media (max-width: 767px) {

	.slider .container { width: 100%; }
	.slider .slide-content h2 { width: 100%; font-size: 15px; }
	.slider .slide-content .btn-default { font-size: 13px; }
	.slider .btn-watch { font-size: 14px; }

}

@media (max-width: 479px) {

}

/* ------------------------------------------------------------ *\
	Socials
\* ------------------------------------------------------------ */

.socials { float: right; }
.socials ul { list-style-type: none; }
.socials li { float: left; text-align: center; font-size: 19px; padding-left: 5px; }
.socials a { display: block; width: 34px; height: 32px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .3); border-radius: 3px; color: #fff; padding-top: 5px; }
.socials a.link-facebook { background-color: #4d67a3; }
.socials a.link-twitter { background-color: #25a7df; }
.socials a.link-instagram { background-color: #40719a; }
.socials a:hover {  }

/*  Responsive  */

@media (max-width: 1199px) {

}

@media (max-width: 991px) {

}

@media (max-width: 767px) {

}

@media (max-width: 479px) {

}

/* ------------------------------------------------------------ *\
	Socials Secondary
\* ------------------------------------------------------------ */

.socials-secondary { float: right; border-left: 1px solid #5c709f; padding: 10px 0; }
.socials-secondary ul { list-style-type: none; }
.socials-secondary li { float: left; margin: 0 10px; font-size: 40px; }
.socials-secondary a { color: #fff; }

/*  Responsive  */

@media (max-width: 1199px) {

}

@media (max-width: 991px) {

	.socials-secondary li { font-size: 30px; margin: 0 7px; }

}

@media (max-width: 767px) {


}

@media (max-width: 479px) {

	.socials-secondary li { float: left; margin: 0 10px; font-size: 40px; }
	
}

/* ------------------------------------------------------------ *\
	Table
\* ------------------------------------------------------------ */

.table {}

/* ------------------------------------------------------------ *\
	Widget
\* ------------------------------------------------------------ */

.widgets { list-style: none outside none; }
.widget { padding-top: 40px; }
.widget .widget-head { padding: 10px 20px; background-color: #c3c618; }
.widget .widget-title { text-transform: uppercase; color: #fff; font-size: 20px; line-height: 1.1; font-family: 'gill_sansbold', sans-serif; }
.widget .widget-body { padding: 30px; }
.widget .widget-body ul { list-style-type: none; }
.widget .widget-body li { display: block; font-size: 20px; line-height: 1.2; padding-bottom: 10px; }
.widget .widget-body a { text-decoration: none; }
.widget .widget-body a:hover { color: #233e7d; }

/*  Responsive  */

@media (max-width: 1199px) {

}

@media (max-width: 991px) {

	.widget { padding-top: 30px; }

}

@media (max-width: 767px) {

	.widget { padding-top: 20px; }

}

@media (max-width: 479px) {

}

/* ------------------------------------------------------------ *\
	Widget Alpha
\* ------------------------------------------------------------ */

.widget-alpha .widget-body { padding-left: 20px; padding-right: 20px;  }
.widget-alpha .widget-body li { color: #c97600; font-size: 14px; font-weight: bold; padding-bottom: 20px; }
.widget-alpha .widget-body li span { color: #d61673; }

/*  Responsive  */

@media (max-width: 1199px) {

}

@media (max-width: 991px) {

}

@media (max-width: 767px) {

}

@media (max-width: 479px) {

}

/* ------------------------------------------------------------ *\
	Widget Beta
\* ------------------------------------------------------------ */

.widget-beta .widget-body li { font-size: 13px; padding-bottom: 5px; }

/*  Responsive  */

@media (max-width: 1199px) {

}

@media (max-width: 991px) {

}

@media (max-width: 767px) {

}

@media (max-width: 479px) {

}