/*fonts hasi iconos*/

@font-face {
  font-family: 'fontello';
  src: url('../fonts/fontello.eot?61320214');
  src: url('../fonts/fontello.eot?61320214#iefix') format('embedded-opentype'),
       url('../fonts/fontello.woff2?61320214') format('woff2'),
       url('../fonts/fontello.woff?61320214') format('woff'),
       url('../fonts/fontello.ttf?61320214') format('truetype'),
       url('../fonts/fontello.svg?61320214#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?61320214#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-rec:before { content: '\e800'; } /* '' */
.icon-edmc:before { content: '\e801'; } /* '' */
.icon-trat:before { content: '\e802'; } /* '' */
.icon-cen:before { content: '\e803'; } /* '' */
.icon-sol:before { content: '\e804'; } /* '' */
.icon-edmp:before { content: '\e805'; } /* '' */
.icon-fre:before { content: '\e806'; } /* '' */
.icon-tor:before { content: '\e807'; } /* '' */

/*end fonts*/



/*Global Styling*/
body{
    color:#666666;
}



/* Helper Classes & Shorcodes */

.bglight{
    background: #f5f5f5;
}
.bgdark{
    background: #102e7f;
}
.bgdefault{
    background: #515A5F;
}
.whitecolor{
    color: #ffffff;
}
.darkcolor{
    color: #515A5F;
}
.colorblack{
    color: #232323;
}


/*sidebar search*/
.widget_search .form-control {
    border: 2px #e8ecf0 solid;
}
.widget_search .input-group-addon {
    background: transparent;
    border: 2px #e8ecf0 solid;
    color: #102e7f;
}
.widget .media-body > a{
    color: #515A5F;
}


/*Categories*/
.category li {
    border-bottom: 1px solid #e8ecf0;
}
.category li a{
    color: #666666;
}
.category li a:hover, .category li a:focus,
.widget .media-body > a:hover{
    color: #102e7f;  
}


/*Tags*/
ul.web_tags li a {
    background: #102e7f;
    color: #fff;
}
ul.web_tags li a::after {
    background: #ffffff ;
}

/*Pagination*/
.pager{
    border-bottom: 2px solid #ebebeb;
}
.pager li > a {
    background: rgba(0, 0, 0, 0);
    color: #999999;
}
.pager li > a:before{
    background: #102e7f;
}

.pager li > a:hover,
.pager li > a:focus,
.pager li.active > a{
    color: #102e7f;
    background: transparent;
}

/*Comment Profile*/
.eny_profile {
    border-bottom: 1px solid #e4e4e4;
}
/* Social Icons */
ul.social li a{
    border:1px solid #bdbdbd;
    color:#151515;
}
ul.social li a:before{
    background:#515A5F;
}

ul.social li a:hover,
ul.social li a:focus{
	color:#fff;
}
ul.social_vertical li a{
    color: #515A5F;
}
ul.social.white li a{
    border:1px solid #fff;
}
ul.social_simple.white li a,
ul.social.white li a{
    color: #fff;
}
ul.social_simple li a:hover,
ul.social_simple li a:focus,
ul.social_vertical li a:hover,
ul.social_vertical li a:focus,
.topbar .topbar_inner span > a:hover,
.topbar .topbar_inner span > a:focus{
    color: #102e7f;
}


.back-top {
  background:#515A5F;
  color:#fff;
}

.back-top:hover, .back-top:focus{
	color:#fff;
}


/* Helper Classes ends */


/* Buttons */

.button.dark, .button.light, .button.white{
    color: #ffffff;
}
.button.dark{
    background: #515A5F;
}
.button.light{
    background: #102e7f;
}
.button.white{
    background: transparent;
    border: 2px solid #ffffff;
}

/* hover */
.button.light:before{
    background: #515A5F;
}
.button.light:hover,
.button.light:focus{
    border: 2px solid #515A5F;
}
.button.dark:before{
     background: #102e7f;
}
.button.dark:hover, 
.button.dark:focus{
    border: 2px solid #102e7f;
}
.button.white:before,
#maxo-main .button.light:before{
    background: #fff;
}
.button.white:hover, 
.button.white:focus,
#maxo-main .button.light:hover,
#maxo-main .button.light:focus{
    color: #515A5F;
    border:2px solid #fff;
}
.button:hover,
.button:focus{
    color: #fff;
}


/* Some Short Codes or helper classes */



/* ------ Headers Starts ------ */

header.default nav.navbar.bootsnav.navbar-fixed{
    background: transparent;
}
header.default .bootsnav.fixedmenu{
    background: #fff !important;
}

nav.navbar.bootsnav .navbar-toggle {
    color: #515A5F;
}

header.default nav.navbar.bootsnav.navbar-fixed ul.nav > li > a{
    color: #fff;
}
header.default nav.navbar.bootsnav ul.nav > li > a,
header.default .bootsnav.fixedmenu ul.nav > li > a,
header.default nav.navbar.bootsnav.navbar-fixed.fixedmenu ul.nav > li > a{
    color: #515A5F;
}

nav.navbar.bootsnav ul.nav > li > a:before,
.cbp-l-filters .cbp-filter-item span:after,
.overlay-menu ul.full-nav  li a:before{
	background: #102e7f;
}


/*OVERLAY Menu*/
.menu-icon span,
.menu-icon span:before,
.menu-icon span:after {
  background: #515A5F;
}

header.default nav.navbar.bootsnav.navbar-fixed.fixedmenu .menu-icon span,
header.default nav.navbar.bootsnav.navbar-fixed.fixedmenu .menu-icon span:before,
header.default nav.navbar.bootsnav.navbar-fixed.fixedmenu .menu-icon span:after{
    background: #515A5F;
}
header.default nav.navbar.bootsnav.navbar-fixed .menu-icon span,
header.default nav.navbar.bootsnav.navbar-fixed .menu-icon span:before,
header.default nav.navbar.bootsnav.navbar-fixed .menu-icon span:after{
    background: #fff;
}
.overlay-menu {
  color: #515A5F;
}
.overlay-menu ul.full-nav li {
	background: #f5f5f5;
}
.overlay-menu ul.full-nav li > span {
	color: #515A5F;
}
.overlay-menu ul.full-nav  li a{
    color: #515A5F;
}


/*-----  Headers Ends ------ */



/* ------ main Slider Starts ------ */

/*Bullets
Swiper & Revotion*/
.tp-bullet,
.swiper-pagination-bullet{
    background: #515A5F;
}
.tp-bullet:hover,
.tp-bullet.selected,
.swiper-pagination-bullet:hover,
.swiper-pagination-bullet-active{
    background: #102e7f;
}

/* ------ main Slider ends ------ */


/* ------ Swiper slider ------ */


/*Testimonial & Latest News*/
.testimonial .testimonial_slide .photo {
    border: 3px solid #515A5F;
}
.ivydatedate{
    color: #515A5F;
}
.ivydatedate:hover, .ivydatedate:focus{
    color: #fff;
    background: #102e7f;
}
.updates .latest_updates .update_text h6:hover a,
.updates .latest_updates .update_text h6:focus a{
    color: #515A5F;
}

/*Tweets*/
.tweet_box .twee_inner p > a{
    color: #515A5F;
}
.tweet_box .twittername:hover,
.tweet_box .twee_inner p > a:hover{
    color: #102e7f;
}
/* ------ Swiper Slider ends ------ */


/* ------ POrtfolio starts ------ */
.overlay,
.overlay .likeus {
    background: rgba(18, 83, 152, 0.8);
}


/*Filters*/
.cbp-l-filters .cbp-filter-item span {
    color: #515A5F;
}
.cbp-item .text_wrap{
    color: #202020;
}
.cbp-item .text_wrap p{
    color: transparent;
}
/*PopUp*/
.fancybox-thumbs > ul > li::before {
  border: 4px solid #515A5F;
}

/* ------ Portfolio ends ------ */



/* ------ Page Header starts ------ */

.breadcrumb{
    background: transparent;
}
.breadcrumb li,
.breadcrumb li a{
    color: #fff;
}
.breadcrumb li a:hover{
    color: #102e7f;
}
/* ------ Page Header ends ------ */


/* ------ Parallax  & Bg starts ------ */
##text-rotate{
    background: url("../images/index5-banner.jpg") no-repeat;
}
.parallax h2 i{
    color: #9c9c9c;
}
.parallax.parallax-bg p{
    color: #102e7f;
}

/* ------ Parallax starts ------ */



/* ------ Features ------ */

.icon_wrap .icon_box i{
  color:#102e7f; 
}
.icon_wrap .icon_box:hover i, .icon_wrap .icon_box:hover p{
	color:#fff;
}
.icon_wrap .icon_box:hover{
	background:#102e7f;
	color:#fff;
}

/* ------ Features ends ------ */


/* ------ Our Team ------ */
.ourteam .team_caption {
    background: #f5f5f5;
}
.team_caption .overlay {
    background: #102e7f; 
}
.ourteam .social_vertical {
    background: #ffffff;
}

/* ------ Our Team ------ */


/* ------ Our Blog ------ */

.ourblog:hover h3 a,
.readmore, .blog_item:hover h3 a{
    color: #102e7f;
}
.blog_slider .blog_inner {
    background: rgba(66, 217, 288, 0.9);
    color: #ffffff;
}

.blog_author.borderleft .metas > i,
.blog_author.borderleft .authorname a,
.blog_author.flat .metas > i,
.blog_author.flat .authorname a{
    color: #515A5F;
}

.postanchor{
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    position: relative;
}

.postanchor .previous > a,
.postanchor .nextpost > a{
    color: #515A5F;
}

.postanchor .share {
    color: #ffffff;
}
.share_purpose, .share_purpose::before {
    background: #102e7f;
}
.share_purpose .social_simple li a{
    border-left: 1px solid #62d3db;
}
.share_purpose .social_simple li a:hover{
    color: #515A5F;
}

/* ------ Our Blog ------ */


/* ------ Pricings ------ */

.pricing_item.active{
    background: #102e7f;
    color: #fff;
}
.pricing_item.active p,
.pricing_item.active .darkcolor{
    color: #fff;
}
.pricing_item .pricebox{
    border-bottom: 1px solid #e6e1e1;
}
.pricebox .price_title .ratings i{
    color: #102e7f;
}
.pricing_item  .availability:before{
    color: #515A5F;
}
.pricing_item.active  .availability:before{
    color: #ffffff;
}
.pricing_item.active .button.light{
    background: #ffffff;
    color: #515A5F;
}
.pricing_item.active .button.light:hover, 
.pricing_item.active .button.light:focus {
    color: #ffffff;
    border-color: #ffffff;
}
.pricing_item.active .button.light:before{
    background: #102e7f;
}
/* ------ Pricings ends ------ */



/* ------ Contact Us starts ------ */

/* ------ Contact Us ends ------ */


/*Loader*/
.dot1{
	background-color: #102e7f;
}	
.dot2 {
  background-color: #515A5F;
}



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

    /*Header*/
    header.default nav.navbar.bootsnav.navbar-fixed{
        background: #fff;
    }
    nav.navbar.bootsnav ul.nav > li{
        margin: 0;
    }
    header.default nav.navbar.bootsnav.navbar-fixed ul.nav > li > a{
        color: #515A5F;
    }
    .menu-icon span, .menu-icon span:before, .menu-icon span:after,
    header.default nav.navbar.bootsnav.navbar-fixed.fixedmenu .menu-icon span,
    header.default nav.navbar.bootsnav.navbar-fixed.fixedmenu .menu-icon span:before,
    header.default nav.navbar.bootsnav.navbar-fixed.fixedmenu .menu-icon span:after,
    header.default nav.navbar.bootsnav.navbar-fixed .menu-icon span,
    header.default nav.navbar.bootsnav.navbar-fixed .menu-icon span:before,
    header.default nav.navbar.bootsnav.navbar-fixed .menu-icon span:after{
        background: #102e7f;
    }
    
}