/* Change this colors:

------ PRIMARY 

HEX        
Main: 327aae
Hover: 327aae    

RGB
209,32,39  
255,87,51


*/

/*==========  Menu  ==========*/ 

/* Global */ 


.btn-link {
  color: #327aae;
}

.btn-link:hover,
.btn-link:focus {
  color: #327aae  ;
}

.nav-pills > li.active > a {
  background-color: #327aae;
}

.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  background-color: #327aae  ;
}

.pagination > li > a,
.pagination > li > span {
  color: #327aae;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #327aae  ;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #327aae;
  border-color: #327aae;
}
 
a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #327aae;
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #327aae;
}

.progress-bar {
  background-color: #327aae;
}

a.list-group-item.active {
  background-color: #327aae;
  border-color: #327aae;
}

a.list-group-item.active:hover,
a.list-group-item.active:focus {
  background-color: #327aae  ;
  border-color: #327aae;
}
a.list-group-item.active .list-group-item-text, 
a.list-group-item.active:hover .list-group-item-text, 
a.list-group-item.active:focus .list-group-item-text {
	color: rgba(255,87,51,.5); 
}


/* Btn primary */

.text-primary {
  color: #327aae;
}
a.text-primary:hover {
  color: #327aae  ;
}
.bg-primary {
  background-color: #327aae;
}
a.bg-primary:hover {
  background-color: #327aae  ;
}
.btn-primary {
  background-color: #327aae;
  border-color: #327aae;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-color: #327aae  ;
  border-color: #327aae  ;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #327aae;
  border-color: #327aae;
}

.btn-primary .badge {
  color: #327aae;
}
.label-primary {
  background-color: #327aae;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #327aae  ;
}

.panel-primary {
  border-color: #327aae;
}
.panel-primary > .panel-heading {
  background-color: #327aae;
  border-color: #327aae;
}
.panel-primary > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #327aae;
}
.panel-primary > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #327aae;
}

 

/* =========================================================
***************************CUSTOM**************************
============================================================ */
 
 /* Ghost buttons */
.btn-ghost-primary {
  color: #327aae;
  border-color: #327aae;
}
.btn-ghost-primary:hover,
.btn-ghost-primary:focus,
.btn-ghost-primary:active,
.btn-ghost-primary.active,
.open .dropdown-toggle.btn-ghost-primary  {
  background-color: #327aae ;
  border-color: #327aae ;
}
.btn-ghost-primary .disabled,
.btn-ghost-primary [disabled],
fieldset[disabled] .btn-ghost-primary ,
.btn-ghost-primary .disabled:hover,
.btn-ghost-primary [disabled]:hover,
fieldset[disabled] .btn-ghost-primary :hover,
.btn-ghost-primary.disabled:focus,
.btn-ghost-primary [disabled]:focus,
fieldset[disabled] .btn-ghost-primary:focus,
.btn-ghost-primary .disabled:active,
.btn-ghost-primary [disabled]:active,
fieldset[disabled] .btn-ghost-primary:active,
.btn-ghost-primary.disabled.active,
.btn-ghost-primary [disabled].active,
fieldset[disabled] .btn-ghost-primary.active {
  border-color: #327aae  ;
}
 
  

/*========== OTHER ==========*/

blockquote{
	border-left-color: rgba(255,87,51, 0.2)
}


.form-control:focus {
border-color:#327aae;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255,87,51, 0.3);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255,87,51, 0.3); 
}

  


/* =========================================================
***************************MEDIA QUERIES**************************
============================================================ */

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 322px) {
    
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) { 





/*==========  Consistent horizontal space between main blocks  ==========*/
/* Make changes on .row that are direct children of an .container */
.container > .row, .container > section > .row {
	padding-top: 50px;
	padding-bottom: 50px;
}

/* Put these classes usually on divs with class name .container-fullwidth or .container */
.container-marg-t {
	margin-top: 50px;
}

.container-marg-b{
	margin-bottom: 50px;
}

.container-marg-tb  {
	margin-top: 50px;
	margin-bottom: 50px;
}

/*==========  Menu  ==========*/ 

/* Navbar Default */

.navbar-default .dropdown-menu > li > a{
  color: #327aae;
}
 
.navbar-default .nav .open > a,
.navbar-default .nav .open > a:hover,
.navbar-default .nav .open > a:focus,

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
 border-color: #327aae;
}

/* Navbar default - Mega Menu */

.navbar-default .mega-menu ul > li > a {
  color: #327aae;
}

 

/* Navbar Light */
 
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,

.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus,

.navbar--light .nav .open > a,
.navbar--light .nav .open > a:hover,
.navbar--light .nav .open > a:focus,

.navbar--light .navbar-nav > .open > a,
.navbar--light .navbar-nav > .open > a:hover,
.navbar--light .navbar-nav > .open > a:focus {
  background-color: #327aae;
}

 

}


/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}

/* Custom Large Devices, Wide Screens */
@media only screen and (min-width: 1440px) {

}


/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {

/*==========  Menu  ==========*/ 

.navbar-default .navbar-toggle {
color:#327aae;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: #327aae;
}

.navbar-default .navbar-toggle .icon-bar {
background-color: #327aae;
}

.navbar-default .nav .open > a,
.navbar-default .nav .open > a:hover,
.navbar-default .nav .open > a:focus {
	border-color: #327aae;
}

.navbar-default .nav .open > a,
.navbar-default .nav .open > a:hover,
.navbar-default .nav .open > a:focus,

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,

.navbar-default .navbar-nav .open .dropdown-menu > li > a,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #327aae;
}



/* Navbar default - Mega Menu */

.navbar-default .mega-menu ul > li > a,
.navbar-default .mega-menu ul > li > a:hover,
.navbar-default .mega-menu ul > li > a:focus { 
  color: #327aae;
}

.navbar-default .yamm-fw .highlighted {
 border-bottom-color: 1px solid #327aae;
}
 


/* Navbar Light */

.navbar--light .navbar-toggle:hover,
.navbar--light .navbar-toggle:focus {
border-color: #327aae;
} 

.navbar--light .navbar-nav > li > a:hover,
.navbar--light .navbar-nav > li > a:focus,

.navbar--light .navbar-nav > .active > a:hover, 
.navbar--light .navbar-nav > .active > a:focus,

.navbar--light .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar--light .navbar-nav .open .dropdown-menu > .active > a:focus {
  background-color: #327aae;
}

.navbar--light .navbar-brand:hover,
.navbar--light .navbar-brand:focus{ 
color: #327aae
}

 
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 479px) {

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 321px) {

}

/* Change this colors:

------ PRIMARY 

HEX        
Main: 327aae
Hover: 327aae    

RGB
209,32,39  
255,87,51

*/

body {
	color: #666;
}

/*==========  Primary color  ==========*/
 
/* Text */
a , 
.myCarousel .carousel-control:hover, .myCarousel .carousel-control:focus {
color:#327aae;  /* Primary color */
}

a:hover,
a:focus {
  color: #327aae; /* Primary hover color */
}

/*
.container > .row > div[class*="col-"] > section > h2:first-of-type,
.container > .row > div[class*="col-"] > article > h2:first-of-type,
.container > section > .row > div[class*="col-"] > section > h2:first-of-type,
.container > section > .row > div[class*="col-"] > article > h2:first-of-type {
color:#327aae;
}
*/

/* Background */
.navbar-default.headroom--not-top.navbar-intro, .navbar-default.headroom--not-top.navbar-intro-full,
.logo-invert:hover img,
.panel-default > .panel-heading-collapse-in,
.owl-theme .owl-controls .owl-buttons div,
.owl-theme .owl-controls .owl-page span,
.cd-top,
.myCarousel-product-slider .carousel-indicators li,
.list-group-item-primary,
a.list-group-item-primary.active,
a.list-group-item-primary.active:hover,
a.list-group-item-primary.active:focus{
background-color:#327aae;
}


/* Background Hover */
/*
.xxxxxxxxx {
background-color:#327aae;
}
*/



/* Border */
.border-color-primary,
.myCarousel-product-slider .carousel-indicators li,
a.list-group-item-primary.active,
a.list-group-item-primary.active:hover,
a.list-group-item-primary.active:focus {
  border-color: #327aae;
}

/* Borders arrow with :before */
 
/* Top arrow */
.border-color-primary-t:before             { border-color: transparent transparent #327aae; }
.border-color-primary-t:hover:before { border-color: transparent transparent #327aae; }

/* Bottom arrow */
.border-color-primary-b:before             { border-color: #327aae transparent transparent; }
.border-color-primary-b:hover:before { border-color: #327aae transparent transparent; }

/* Left arrow */
.border-color-primary-l:before             { border-color: transparent #327aae transparent transparent; }
.border-color-primary-l:hover:before { border-color: transparent #327aae transparent transparent; }

/* Right arrow */
.border-color-primary-r:before             { border-color: transparent transparent transparent #327aae; }
.border-color-primary-r:hover:before { border-color: transparent transparent transparent #327aae; }


/* Change RGB accordingly to primary color */
.border-color-primary-transp8 {
border-color: rgba(255,87,51,.8)
}
.border-color-primary-transp5 {
border-color: rgba(255,87,51,.5)
}
.border-color-primary-transp2 {
border-color: rgba(255,87,51,.2)
}
.border-color-primary-transp1 {
border-color: rgba(255,87,51,.1)
} 


/* Individual */ 

.color-primary-backg  {
background-color:#327aae;
}

.color-primary,
.color-primary h1, .color-primary h2, .color-primary h3, .color-primary h4, .color-primary h5, .color-primary h6 {
color:#327aae;
}

.color-primary  a:not(.btn) { 
color:rgba(255,87,51,.7); 
border-bottom: 1px dashed rgba(255,87,51,.3); 
}

.color-primary  a:not(.btn):hover { 
color: #327aae; 
border-color: #327aae;
}

.color-primary  abbr[title], .color-primary-backg abbr[data-original-title] {
    border-bottom-color: rgba(255,87,51,.5);
}

.hover-color-primary:hover {
	color: #327aae;
}
.hover-backg-primary:hover {
	background: #327aae;
}


/* RGBA */ 

.modal.modal-fullscreen { 
	 background: rgba(255,87,51, .9);
}

.tint-primary:hover::before  { 
	background: rgba(255,87,51,.7);
}  

.hover-item figure.tint-primary figcaption::before {
	background: -webkit-linear-gradient(top, rgba(255,87,51, 0) 0%, rgba(255,87,51, 0.8) 85%); 
	background: linear-gradient(to bottom, rgba(255,87,51, 0) 0%, rgba(255,87,51, 0.8) 85%); 
}


/*==========  Light color  ==========*/

/* Text */
#cd-top-nav a.active,
.panel-default > .panel-heading-collapse-in a,
.page-footer a:hover,
a.list-group-item-primary.active,
a.list-group-item-primary,
a.list-group-item-primary:hover,
a.list-group-item-primary:focus,
a.list-group-item-primary.active:hover,
a.list-group-item-primary.active:focus  {
  color: #fff;
}

/* Background */
.navbar--light.headroom--not-top.navbar-intro, .navbar--light.headroom--not-top.navbar-intro-full,
.logo-invert img {
background-color:#fff;
}
 
 
/* Border */
.border-color-light,
.selector {
border-color:#fff
}

/* Borders arrow with :before */
 
/* Top arrow */
.border-color-light-t:before             { border-color: transparent transparent #fff; }
.border-color-light-t:hover:before { /* border-color: transparent transparent #fefefe; */ }

/* Bottom arrow */
.border-color-light-b:before             { border-color: #fff transparent transparent; }
.border-color-light-b:hover:before { /* border-color: #fefefe transparent transparent; */ }

/* Left arrow */
.border-color-light-l:before            { border-color: transparent #fff transparent transparent; }
.border-color-light-l:hover:before { /* border-color: transparent #fefefe transparent transparent; */ }

/* Right arrow */
.border-color-light-r:before             { border-color: transparent transparent transparent #fff; }
.border-color-light-r:hover:before { /* border-color: transparent transparent transparent #fefefe; */ }

.border-color-light-transp8 {
border-color: rgba(255,255,255,.8)
}
.border-color-light-transp5 {
border-color: rgba(255,255,255,.5)
}
.border-color-light-transp2 {
border-color: rgba(255,255,255,.2)
}
.border-color-light-transp1 {
border-color: rgba(255,255,255,.1)
}

/* Individual */
.color-light-backg  {
background-color:#fff;
}

.color-light,
.color-light h1, .color-light h2, .color-light h3, .color-light h4, .color-light h5, .color-light h6 {
color:#fff;
}

.color-light  a:not(.btn) { 
color:rgba(255,255,255,.7); 
border-bottom: 1px dashed rgba(255,255,255,.3); 
}

.color-light  a:not(.btn):hover { 
color: #fff; 
border-color: #fff;
}

.color-light  abbr[title], .color-light-backg abbr[data-original-title] {
    border-bottom-color: rgba(255,255,255,.5);
}

.hover-color-light:hover {
	color: rgba(255,255,255,.5);
}
.hover-backg-light:hover {
	background: rgba(255,255,255,.5);
}



/*==========  Dark color  ==========*/

/* Text */
.page-footer,
.page-footer a,
.myCarousel .carousel-control ,
.list-group-item-primary {
  color: #000;
}


/* Background */
.navbar-inverse.headroom--not-top.navbar-intro, .navbar-inverse.headroom--not-top.navbar-intro-full,
#cd-top-nav a.active,
.owl-theme .owl-controls .owl-buttons div:hover,
.myCarousel-product-slider .carousel-indicators .active,
a.list-group-item-primary:hover,
a.list-group-item-primary:focus {
  background-color: #000;
}

/* Border */
.border-color-dark,
.myCarousel-product-slider .carousel-indicators .active {
border-color:#000
}

/* Borders arrow with :before */
 
/* Top arrow */
.border-color-dark-t:before             { border-color: transparent transparent #000; }
.border-color-dark-t:hover:before { /* border-color: transparent transparent #333; */ }

/* Bottom arrow */
.border-color-dark-b:before             { border-color: #000 transparent transparent; }
.border-color-dark-b:hover:before { /* border-color: #333 transparent transparent; */ }

/* Left arrow */
.border-color-dark-l:before            { border-color: transparent #000 transparent transparent; }
.border-color-dark-l:hover:before { /* border-color: transparent #333 transparent transparent; */ }

/* Right arrow */
.border-color-dark-r:before             { border-color: transparent transparent transparent #000; }
.border-color-dark-r:hover:before { /* border-color: transparent transparent transparent #333; */ }

.border-color-dark-transp8 {
border-color: rgba(0,0,0,.8)
}
.border-color-dark-transp5 {
border-color: rgba(0,0,0,.5)
}
.border-color-dark-transp2 {
border-color: rgba(0,0,0,.2)
}
.border-color-dark-transp1 {
border-color: rgba(0,0,0,.1)
}


/* Individual */

.color-dark-backg  {
background-color:#000;
}

.color-dark,
.color-dark h1, .color-dark h2, .color-dark h3, .color-dark h4, .color-dark h5, .color-dark h6 {
color:#000;
}

.color-dark  a:not(.btn) { 
color:rgba(0,0,0,.7); 
border-bottom: 1px dashed rgba(0,0,0,.3); 
}

.color-dark  a:not(.btn):hover { 
color: #000; 
border-color: #000;
}

.color-dark  abbr[title], .color-dark-backg abbr[data-original-title] {
    border-bottom-color: rgba(0,0,0,.5);
}

.hover-color-dark:hover {
	color: rgba(0,0,0,.5);
}
.hover-backg-dark:hover {
	background: rgba(0,0,0,.5);
}


/*==========  Grey colors  ==========*/

/* Text */
.color-grey-ccc {
 color: #ccc;
}
.color-grey-ccc-backg  {
background-color: #ccc;
}

.color-grey-999 {
 color: #999;
}
.color-grey-999-backg  {
background-color: #999;
}

.color-grey-888 {
 color: #888;
}
.color-grey-888-backg  {
background-color: #888;
}

.color-grey-777 {
 color: #777;
}
.color-grey-777-backg  {
background-color: #777;
}

.color-grey-666 {
 color: #666;
}
.color-grey-666-backg {
background-color: #333;
}

.color-grey-333 {
 color: #333;
}
.color-grey-333-backg {
background-color: #333;
}


/* Text Custom */
.sidebar-nav ul a {
  color: #777;
}

/* Background */
.sidebar-nav ul li ul li.active > a{
background-color:#777
}
 
/* Border */
.selector{
border-color:#ddd;
}
.container > .row,
.container > section > .row {
border-bottom-color: rgba(0,0,0,.15);
}

.color-transp-dark { color:rgba(000,000,000,.3); }
.color-transp-light { color:rgba(255,255,255,.3); }


/*========== Individual colors  ==========*/

.backg-black-transp90 {background-color:rgba(0,0,0,.9)}
.backg-black-transp70 {background-color:rgba(0,0,0,.7)}
.backg-black-transp50 {background-color:rgba(0,0,0,.5)}
.backg-black-transp40 {background-color:rgba(0,0,0,.4)}
.backg-black-transp30 {background-color:rgba(0,0,0,.3)}
.backg-black-transp20 {background-color:rgba(0,0,0,.2)}
.backg-black-transp10 {background-color:rgba(0,0,0,.1)}
.backg-black-transp05 {background-color:rgba(0,0,0,0.05)}

.backg-white-transp90 {background-color:rgba(255,255,255,.9)}
.backg-white-transp70 {background-color:rgba(255,255,255,.7)}
.backg-white-transp50 {background-color:rgba(255,255,255,.5)}
.backg-white-transp40 {background-color:rgba(255,255,255,.4)}
.backg-white-transp30 {background-color:rgba(255,255,255,.3)}
.backg-white-transp20 {background-color:rgba(255,255,255,.2)}
.backg-white-transp10 {background-color:rgba(255,255,255,.1)}
.backg-white-transp05 {background-color:rgba(255,255,255,0.05)}


@media only screen and (max-width : 991px) {

.navbar-default.navbar-intro, .navbar-default.navbar-intro-full {
	background-color:#327aae;
}

.navbar--light.navbar-intro, .navbar--light.navbar-intro-full{
background-color:#fff;
}
 
.navbar-inverse.navbar-intro, .navbar-inverse.navbar-intro-full{
  background-color: #000;
}

}/* =========================================================
***************************COMMON**************************
============================================================ */


/*==========  Font ==========*/

body,
/* Hack for Modx editor */
.article-content-text-alter .btn {
  font-family: 'Roboto', Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
   font-family: 'Montserrat', Verdana, sans-serif;
}

.font-primary {
  font-family: 'Roboto', Arial, sans-serif;
}

.font-secondary {
  font-family: 'Montserrat', Verdana, sans-serif;
}

.font-tertiary {
   font-family: 'Roboto', Georgia, serif;
}
 

.article-content-text-alter *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.btn):not(code):not(kbd):not(samp){
   font-family: 'Roboto', Georgia, serif;
} 




 
 
 /* =========================================================
**************************BACKGROUNDS*************************
============================================================ */


body,
.zoom-out-header-content  { 
    background-image: url(/assets/templates/advance/img/backgrounds/backg-pattern-1.jpg);
    background-repeat: repeat;
    background-attachment: fixed;
    background-size: auto;
}


.backg-footer { 
    background-image: url(/assets/templates/advance/img/logo-footer.png);
	background-repeat: no-repeat;	
}

.parallax-backg {
    background-image:url("/assets/templates/advance/img/backgrounds/parallax-backg.jpg");
    position: static; background-attachment:fixed;
    -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover;background-size:cover;
}


/*==========  HEADER ==========*/

/* Header background with heading */

@media only screen and (min-width : 992px) {
.heading-backg h1 {
	margin-top: 400px;
}
}

@media only screen and (max-width : 991px) {
.heading-backg h1 {
	margin-top: 215px;
}
}