/*

Theme Name: Loren

Theme URI: http://www.matchthemes.com/demowp/loren

Description: Loren - Responsive Wordpress Blog Theme

Version: 1.1.0

Author: MatchThemes

Author URI: http://www.matchthemes.com

License:

License URI:

Tags: one-column, two-columns, three-columns, blog, theme-options, featured-images, grid-layout, news

Text Domain: loren

*/



/*************************************

 

 	1. MAIN STYLE

	

	2. HEADER

	

	3. HOME



	4. SINGLE PAGE

	

	5. SIDEBAR

	

	6. FOOTER

	

	7. OTHER

 

 

 ************************************/

 

 

 /*************************************



1. MAIN STYLE



 ************************************/



/* RESET STYLES */





*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }

table { border-collapse:collapse; border-spacing:0 }

fieldset, img { border:0 }

address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal }

address{font-style:italic;}

caption, th { text-align:left }

h1, h2, h3, h4, h5, h6 {font-weight:normal;}

q:before, q:after { content:'';}

strong,b { font-weight: bold; }

em, cite { font-style: italic; }

cite { display: block; }

strike, del {text-decoration: line-through;}

sup {font-size: 11px;position: relative;vertical-align: top;top: 5px;}

sub {	bottom: 5px;	font-size: 11px;	position: relative;	vertical-align: bottom;}

.italic { font-style: italic;}

button,input,select,textarea { font-size: 100%;

  margin: 0;

  vertical-align: baseline;

  *vertical-align: middle;

}

.aligncenter { display:block; margin:0 auto; }

.alignleft { float:left; margin:24px;}

.alignright { float:right;margin:24px; }

.no-margin{margin:0px !important;}

.no-bottom{margin-bottom:0px;}

.no-padding{padding:0px;}

.column-clear{clear:both;}

div { position:relative } 



 .wp-caption {

     max-width: 100%;

 }



 .wp-caption-text {}

 .sticky {}

 .gallery-caption {}

 .bypostauthor {}

 .screen-reader-text {}



 .alignright {

     display: block;

     float: right;

     margin: 3px 0 0 10px;

 }



 .alignleft {

     display: block;

     float: left;

     margin: 3px 10px 0 0;

 }



 .aligncenter {

     display: block;

     clear: both;

     margin: 10px auto;

 }

 

 pre {

    margin-bottom: 24px;

    overflow: auto;

    padding: 10px;

    white-space: pre-wrap;

}

pre, code{

  background:#f0f0f0;

  color: #999;

  font-family: "Courier New", Courier, monospace;

   padding:10;

}





article, aside, figure, footer, header, hgroup, nav, section {display: block;}





*{ 

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */

	-moz-box-sizing: border-box;    /* Firefox, other Gecko */

	box-sizing: border-box;         /* Opera/IE 8+ */

}



html{-webkit-font-smoothing:antialiased;}





body{-webkit-font-smoothing: antialiased;

-webkit-text-size-adjust: 100%;

-webkit-overflow-scrolling:touch;

text-rendering: optimizeLegibility;

background:#EDEEF1;

color:#454545;

font-size: 16px;

line-height:1.5;

}



h1, h2, h3, h4, h5, h6 {

	color: #252525;

	font-weight: 400;

}



h1{font-size:54px;

line-height:1.5em;

}

h2{font-size:48px;

line-height:1.5em;

}

h3{font-size:36px;

line-height:1.4em;

}

h4{font-size:32px;

line-height:1.4em;

}

h5{font-size:24px;

line-height:1.4em;

}

h6{font-size:16px;

line-height:1.4em;

}



a{color:#4b8dff;}

a:hover{color:#4b8dff;text-decoration:none;}

p a{color:#4b8dff; border-bottom: 1px solid #4b8dff;}

p a:hover{color:#4b8dff;text-decoration:none;

border:none;}

a:active,a:focus{outline: none;

text-decoration:none;}



ul, ol {margin: 0 0 16px 24px;}	

	

.dropcap{ display: block;

    float: left;

    font-size: 42px;

    line-height: 1;

    padding: 0 10px 0 0;

    text-align: center;

 }

 

.alignc{text-align:center;}

.none{display:none;}



blockquote{font-size:2.5rem;

line-height:1.6em;

text-align: center;

font-style:italic;

font-weight:700;

color: #252525;

position:relative;

border:none;

margin:42px 0;

padding:0 32px;}



blockquote:before {

    display: block;

	font-family: "FontAwesome";

    content: "\f10d";

    line-height: 1;

    font-size: 32px;

	font-style:normal;

	font-weight:400;

    position: absolute;

    left: 0;

    top: 0px;

}



blockquote cite, .wp-caption-text {

	color: #999999;

	font-size: 12px; 

	font-style: normal; 

	font-weight:300;

	text-transform:uppercase;

}

.wp-caption-text{text-align:center;

margin-top:24px;

text-transform:none;

font-style:italic;}

.wp-caption{margin-bottom:24px;}



p,ul,ol,

.post-content h1,

.post-content h2,

.post-content h3,

.post-content h4,

.post-content h5,

.post-content h6{ margin-bottom: 24px; }



div p:last-child{margin-bottom:0;}



.padding-tb54{padding:54px 0;}

.margin-tb54{margin:54px 0;}

.margin-t54{margin-top:54px;}

.margin-b32{margin-bottom:32px;}

.margin-b54{margin-bottom:54px;}



.menu-nav li a, .search-social li a, .search-btn, .modal-tags a, .top-grid-item .grid-overlay, .grid-content h2 a, .grid-content .post-meta li a, .slider-more a, .tagcloud a, .tags-single-page a, .footer-social li a, .blog-item, .post-category a, .post-title a, .post-meta li a, .view-more a i, .page-numbers, .nav-page a, .author-social li a, .get-social li a, .author-content h5 a, .related-story h4 a, .comm-author a, .submit, #submit-contact, .widget ul li a, .menu-nav-3 li a, .scrollup i, .meta-date a{



-webkit-backface-visibility: hidden;

-webkit-transition: all 0.3s ease-in-out 0s;

   -moz-transition: all 0.3s ease-in-out 0s;

   -o-transition: all 0.3s ease-in-out 0s;

   -ms-transition: all 0.3s ease-in-out 0s;

   transition: all 0.3s ease-in-out 0s;

   

}



/* definition lists */

dl dt {

  margin-bottom: 0;

}

dl dd {

  margin-left: 16px;

  margin-bottom: 24px;

}



/* tables */

table {border: 1px solid #e5e5e5;

   font-size: 16px;

width: 100%;

  text-align: center;

}

table caption { margin-bottom: 24px;

text-align:center;}

table th, table td {border-bottom: 1px solid #e5e5e5;

border-right: 1px solid #e5e5e5;

 padding: 16px 0;

text-align:center;}





/*************************************



2. HEADER



************************************/



.body-header1{padding-top:66px;}

#header-bar-1{background:#ffffff;

padding:0 15px;

-webkit-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.2);

-moz-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.2);

box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.2);

left: 0;margin: 0 auto;position: fixed;right: 0;top: 0;z-index: 101;}

.navbar{

text-align:left;

margin-bottom:0;

border:none;

border-radius:0;

min-height:0;

}



.logo-1{float:left;}

.logo-1 a{display:inline-block;

color:#252525;

line-height:1;}

.logo-1-no-menu{margin-bottom:6px;}



.logo-txt{font-size:42px;

font-weight:700;

letter-spacing:1px;

text-transform:uppercase;}

.logo-txt a:hover{text-decoration:none;}



.logo-1 .logo-txt, .logo-1 img{font-size:42px;}

.logo-1 img{margin-top:11px;}



.nav-holder{float:right;

margin-right:30px;}



.navbar-collapse{padding-left:0;

padding-right:0;}



.menu-nav{margin-left:0; font-size:0;}

.menu-nav li{display:inline-block;

position: relative;

margin-left:28px;

font-size:12px;

font-weight:700;

text-transform:uppercase;

letter-spacing:2px;

}

.menu-nav li:first-child{margin-left:0px;}



.menu-nav li a{color:#454545;

padding:24px 0;}

.menu-nav li a:hover, .menu-nav li a:focus{background:none;}

.menu-nav li:hover > a, .menu-nav li.current-menu-item > a{color:#4b8dff;}



.menu-nav > li > a:before {

    background-color: #4b8dff;

    bottom: 20px;

    content: "";

    display: block;

    height: 2px;

    left: 0;

    position: absolute;

	

    -webkit-transform: scale(0, 1);

	-ms-transform: scale(0, 1);

    transform: scale(0, 1);

	-webkit-transform-origin:right top;

	-ms-transform-origin:right top;

    transform-origin: right top;

    width: 100%;

	

-webkit-transition: transform 0.2s ease-in-out 0s;

   -moz-transition: transform 0.2s ease-in-out 0s;

   -o-transition: transform 0.2s ease-in-out 0s;

   -ms-transition: transform 0.2s ease-in-out 0s;

   transition: transform 0.2s ease-in-out 0s;

}



.menu-nav > li > a:hover:before {-webkit-transform: scale(1, 1);

-ms-transform: scale(1, 1);

	 transform: scale(1, 1);

	 -webkit-transform-origin:left top;

	-ms-transform-origin:left top;

    transform-origin: left top;}

	

.menu-nav > li.current-menu-item > a:before {display:none;}	



.menu-nav > li.menu-item-has-children > a:after {

    content: "\f107";

    display: inline-block;

    font-family: "FontAwesome";

    margin-left: 7px;

    margin-right: 0;

}



.menu-nav ul {display: none;

margin: 0;

padding: 0;

width: 180px;

position: absolute;

top: 66px;

left: 0;

text-align:left;

background:#ffffff;

border:1px solid #f2f2f2;

z-index:3;

}



.menu-nav ul li {display:block;

background:none;

margin:0;

font-size:11px;

line-height: 1.5;

}

.menu-nav ul li a{display:block;

  padding: 14px 10px;

  color:#454545;

  border-bottom:1px solid #f2f2f2;

}

.menu-nav ul li:last-child > a{border:none;}



.menu-nav ul li a:hover, .menu-nav li:hover ul li a:hover {text-decoration:none;

  color:#4b8dff;

  background:#f9f9f9;

}

.menu-nav li:hover > ul{ display: block;}

.navbar li ul ul { left: 100%; top: -1px; }



.navbar-toggle{float:none;

margin:0;

border:2px solid #454545;

border-radius:0;

}

.navbar-toggle .icon-bar{background:#454545;}



.search-social, .footer-social{list-style:none;

margin:0;

font-size:0;

float:right;

margin-top:23px;}

.search-social li, .footer-social li{display:inline-block;

font-size:12px;

margin-left:10px;}

.search-social li a, .search-btn{

color:#a5a5a5;

display:inline-block;

}





a.social-twitter:hover{color:#29C5F6 !important;}

a.social-facebook:hover{color:#6788CE !important;}

a.social-gplus:hover{color:#E75C3C !important;}

a.social-linkedin:hover{color:#3A9BDC !important;}

a.social-pinterest:hover{color:#FE4445 !important;}

a.social-youtube:hover{color:#E34040 !important;}

a.social-vimeo:hover{color:#44BBFF !important;}

a.social-instagram:hover{color:#AA8062 !important;}

a.social-dribbble:hover{color:#ED4F8C !important;}

a.social-skype:hover{color:#24B4F0 !important;}



.search-btn{cursor:pointer;}

.search-btn:hover{color:#4b8dff;}



#header-bar-1 .search-social{margin-top:25px;}



/* HEADER VAR 2 */

.logo-2, .logo-3{text-align:center;

line-height:1;}

.logo-2 a, .logo-3 a{display:inline-block;}

.logo-2 a img, .logo-3 a img{margin:0 auto;}

#header-bar-2{background:#ffffff;

padding:0 15px;

text-align:center;}

#header-2 .nav-holder, #header-2 .search-social{float:none;

text-align:center;

margin-right:0px;}

#header-2 .logo-2, #header-2 .search-social{margin-top:24px;}

#header-bar-2 .search-social li:first-child{margin-left:0;}

.social-2-no-menu{margin-bottom:24px;}

/* END HEADER VAR 2 */





/* HEADER VAR 3 */



#header-3{ background:#ffffff;

 padding: 16px 32px;

 }



.nav-button-holder { margin-top: 10px;

float:left;

width:20%;}

.logo-3{float:left;

width:60%;}

.header-social{float:right;

width:20%;}

.nav-button{background:none;

border:none;}  

.nav-button .icon-bar {display: block;

    height: 3px;

    width: 25px;

	background:#252525;

	margin-top:4px;

} 

 

.nav-holder-3{position: fixed;

  z-index: 200;

  background-color: #252525;

  

   width:250px;

  height: 100%;

  padding:24px;

  

   top: 0;

  left: 0;



  -webkit-transform: translateX(-250px);

  -ms-transform: translateX(-250px);

  transform: translateX(-250px);

-webkit-transition: all 0.3s;

-ms-transition: all 0.3s;

transition: all 0.3s;

  

  }

.nav-holder-3.is-active {

 -webkit-transform: translateX(0px);

  -ms-transform: translateX(0px);

  transform: translateX(0px);

}  

  

.menu-nav-3{font-size:0;

  margin: 0;

  padding: 0;

  margin-top:24px;

  }

.menu-nav-3 li{list-style: none;

font-size:12px;

font-weight:600;

text-transform:uppercase;

letter-spacing:2px;

position:relative;

margin-top:24px;

}

.menu-nav-3 li a{color:#ffffff;}

.menu-nav-3 li a:hover, .menu-nav-3 li a:focus{background:none;}

.menu-nav-3 li a:hover, .menu-nav-3 li.current-menu-item > a{color:#4b8dff;}



.menu-nav-3 > li.menu-item-has-children > a:after {

    content: "\f107";

    display: inline-block;

    font-family: "FontAwesome";

    margin-left: 7px;

    margin-right: 0;

}  



.menu-nav-3 ul{margin-left:8px;}

.menu-nav-3 > li > ul{margin-left:8px;

display:none;}  

.menu-nav-3 > li.menu-open > ul{display:block;}  

.menu-nav-3 ul li{font-size:11px;

margin-top:16px;}

  

.menu-close {

  color: #4b8dff;

  background:none;

  border:none;

  font-size: 24px;

  line-height: 1;

}

body.has-active-menu { overflow: hidden; }



.mask-nav-3{ position: fixed;

  z-index: 100;

  top: 0;

  left: 0;

  overflow: hidden;

  width: 0;

  height: 0;

  background-color: #000;

  opacity: 0;

  -webkit-transition:opacity 0.3s, width 0s 0.3s, height 0s 0.3s;

-ms-transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s;

  transition: opacity 0.3s, width 0s 0.3s, height 0s 0.3s;}

.mask-nav-3.is-active{width: 100%;

  height: 100%;

  opacity: 0.7;

  -webkit-transition:opacity 0.3s;

-ms-transition:opacity 0.3s;

  transition: opacity 0.3s;}



.mainWrapper{

 -webkit-transform: translateX(0px);

  -ms-transform: translateX(0px);

  transform: translateX(0px);

-webkit-transition: all 0.3s;

-ms-transition: all 0.3s;

transition: all 0.3s;}

.mainWrapper.has-push-left {

  -webkit-transform: translateX(250px);

  -ms-transform: translateX(250px);

  transform: translateX(250px);

}



.header-social .search-social{margin-top:12px;}



.social-nav-3{position:absolute;

left:0;

right:0;

bottom:80px;}



.social-nav-3 .search-social{float:none;

text-align:center;

margin-top:8px;

padding-bottom:24px;

display:block !important;

}

.social-nav-3 .search-social li:first-child{margin-left:0;}

.social-nav-3 .search-social li{font-size:16px;}

.social-nav-3 .search-social li a{color:#454545;}

.social-nav-3 h5{color:#454545;

margin-top:80px;

font-size: 12px;

font-weight: 700;

text-align: center;

text-transform:uppercase;

letter-spacing:2px;}

/* END HEADER VAR 3 */



/*************************************



3. HOME



************************************/



/***** TOP SLIDER ******/



.slider-item-fw img, .slider-item-box img {width:100%;}



.slider-box{margin-top:54px;}



.slider-3posts-holder, .slider-holder{ display: none;

  -webkit-backface-visibility: hidden;}

.slider-3posts-holder, .slider-holder{cursor: move;}

.slider-item3 .flex-caption, .slider-item-fw .flex-caption{padding:32px 16px;

width:250px;

background:#ffffff;

margin: 0 auto;} 

.slider-item3  .flex-caption h2, .slider-item-fw .flex-caption h2{font-size:16px;

margin:16px 0;}

 

.slider-post .slider-overlay{height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

	z-index:1;

	background:rgba(0,0,0,0.2); }

	

.flex-caption{ position: absolute;

   left: 0;

   top: 50%;

   right:0;

   text-align:center;

   padding: 0 80px;

   z-index:2;



	-ms-transform: translateY(-50%);

-webkit-transform: translateY(-50%);

-moz-transform: translateY(-50%);

-o-transform: translateY(-50%);

    transform: translateY(-50%);

	}



.flex-caption .post-date, .slider-more a{color:#a5a5a5;

text-transform:uppercase;

font-size:11px;

letter-spacing:0.05em;}



.flex-caption h2 a{color:#252525;}



.slider-more a{color:#4b8dff;

border-bottom: 1px solid transparent;

}



.slider-more a:hover{border-bottom: 1px solid #4b8dff;

padding-bottom:1px;}



/***** TOP GRID IMAGES ******/



.grid-overlay{height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

	z-index:1;

	background:rgba(0,0,0,0.4); }



.home-grid-container{margin:0;

list-style:none;}



.top-grid-item{height:300px;

float:left;

background:#999;

width:25%;

display:inline-block;

overflow:hidden;

position:relative;

cursor:pointer;

text-align:center;

}

.top-grid-item:nth-of-type(8n+1){width:50%;

height:600px;}

.top-grid-item:nth-of-type(8n+1) .grid-content h2{font-size:36px;}

.top-grid-item:nth-of-type(8n+4) {width:50%;}



.top-grid-item .grid-img{background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    display: block;

    height: 100%;

    position: relative;

	width:100%;

	

	

	 -webkit-transform: scale(1, 1);

	-ms-transform: scale(1, 1);

	transform: scale(1, 1);

-webkit-backface-visibility: hidden;

-webkit-transition: all 1s ease-in-out 0s;

   -moz-transition: all 1s ease-in-out 0s;

   -o-transition: all 1s ease-in-out 0s;

   -ms-transition: all 1s ease-in-out 0s;

   transition: all 1s ease-in-out 0s;

}



.top-grid-item:hover .grid-img{-webkit-transform: scale(1.1, 1.1);

	-ms-transform: scale(1.1, 1.1);

	transform: scale(1.1, 1.1);}



.top-grid-item .grid-overlay{background: rgba(0,0,0,0.6); }



.top-grid-item .grid-content{left:0;

    right:0;

	top: 50%;

	position: absolute;

	z-index: 2;

	

	-ms-transform: translateY(-50%);

-webkit-transform: translateY(-50%);

-moz-transform: translateY(-50%);

-o-transform: translateY(-50%);

    transform: translateY(-50%);

}



.grid-content h2{line-height:1;

font-size:24px;

margin:8px 0;}

.grid-content h2 a{color:#ffffff;}

.grid-content h2 a:hover{color:#4b8dff;}

.post-meta{list-style:none;

margin:0;}

.grid-content .post-date, .post-meta li{display:inline-block;

color:#ffffff;

font-size:11px;

text-transform:uppercase;

letter-spacing:1px;

}

.grid-content .post-date{font-weight:600;}

.grid-content .post-meta li a{color:#ffffff;}

.grid-content .post-meta li a:hover{color:#4b8dff;}

.post-meta li:before{content: "\2044\2044";

  padding:0 7px 0 5px;

  color:#ffffff;

  font-size:11px;

}

.post-meta li:first-child:before{display:none;

padding:0;}

.grid-content .post-date{color:#a5a5a5;}



.meta-author img{border-radius:50%;}



/***** BLOG ARTICLES STYLE ******/



.blog-item{margin-top:54px;}

.blog-item:hover{-webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.2);

-moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.2);

box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.2);}



.post-holder{background:#ffffff;

padding:54px 32px;}



.post-category{text-transform:uppercase;

font-size:11px;

font-weight:600;

letter-spacing:1px;

text-align:center;

color:#a5a5a5;}

.post-category a{color:#4b8dff;

border-bottom: 1px solid transparent;

}

.post-category a:hover{border-bottom: 1px solid #4b8dff;

padding-bottom:1px;}



.post-title{font-size:32px;

font-weight:400;

line-height:1;

letter-spacing:-1px;

text-align:center;

margin:8px 0;}

.post-title a{color:#252525;}

.post-title a:hover{color:#454545;}

.post-meta{text-align:center;}

.post-meta li, .post-meta li:before{color:#a5a5a5;}

.post-meta li a{color:#a5a5a5;}

.post-meta li a:hover{color:#4b8dff;}



.meta-date a{color:#4b8dff;

border-bottom: 1px solid transparent;

}

.meta-date a:hover{border-bottom: 1px solid #4b8dff;

padding-bottom:1px;}



.post-content{margin:48px 0;

text-align:center;}



.view-more{text-align:center;

font-size:11px;

font-weight:600;}

.view-more a{color:#4b8dff;

text-align:center;

display:inline-block;

text-transform:uppercase;

letter-spacing:1px;

}

.view-more a i{left:-15px;

position:relative;

opacity:0;}

.view-more a:hover i{left:5px;

opacity:1;}



/* POST BKG IMAGE */



.blog-item-first{margin-top:54px;}

.blog-item-full{height:500px;

text-align:center;}



.post-bkg-img{background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    display: block;

    height: 100%;

    position: relative;

	width:100%;

}



.overlay-bkg-img{display: block;

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: 1;

	background-color:rgba(0,0,0,0.6);

}



.post-content-item-full{width:50%;

margin:0 auto;

color:#ffffff;

    top: -50%;

	-ms-transform: translateY(-50%);

-webkit-transform: translateY(-50%);

-moz-transform: translateY(-50%);

-o-transform: translateY(-50%);

    transform: translateY(-50%);



	z-index: 2;

	}



.post-content-item-full .meta-date{color:#a5a5a5;

font-size:11px;

font-weight:600;

text-transform:uppercase;

letter-spacing:1px;

}

.post-content-item-full .post-title a{font-size:48px;

color:#ffffff;}

.post-content-item-full .post-title a:hover{color:#4b8dff;}



.post-content-item-full .post-meta li a{color:#ffffff;}

.post-content-item-full .post-meta li a:hover{color:#4b8dff;}



/* END POST BKG IMAGE */





/* 4COL - GRID */

.blog-item-4col-grid .post-title{font-size:24px;

margin:8px 0;

}

.blog-item-4col-grid .post-holder{padding:48px 32px;}

/* END 4COL - GRID */



/* LIST + ZIGZAG */

.blog-item-1col-list{background:#ffffff;}

.blog-item-1col-list .list-image{width:50%;

height: 550px;

float:left;

overflow:hidden;



background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;



}

.blog-item-1col-list .post-holder{width:50%;

float:left;

height: 550px;}

.blog-item-1col-list .post-holder-fw{margin:0 auto;

float:none;}

.blog-item-1col-list .post-align{padding:0 32px;

left:0;

    right:0;

	top: 50%;

	position: absolute;

-ms-transform: translateY(-50%);

-webkit-transform: translateY(-50%);

transform: translateY(-50%);



}

.blog-item-1col-list h2{font-size:36px;}



.blog-item-list-right .list-image{float:right;}

/* END LIST + ZIGZAG */





/***** END BLOG ARTICLES STYLE ******/





/*** PREV-NEXT PAGE NAVIGATION ***/



.prev-next{margin-top:54px;}

.prev-next, .page-links{text-align:center;

font-size:0;}

.page-numbers, .page-numbers:hover, .nav-page a, .nav-page a:hover, .page-links a{color:#454545;

border:1px solid #a5a5a5;

min-width:35px;

margin: 0 8px;

padding:10px 16px;

font-size:12px;

text-decoration:none;

text-transform:uppercase;

display:inline-block;

} 

.page-numbers:hover, .nav-page a:hover, .page-links a:hover{border:1px solid #454545;}

.current-page, .current-page:hover{color:#454545;

border:none;

margin:0;}



/* ARCHIVE */



.archive-intro-content{margin-top:54px;}

.intro-small-title{color:#454545;

border-bottom:2px solid #454545;

    display: inline-block;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: 2px;

    margin-bottom: 16px;

	padding-bottom:8px;

    text-transform: uppercase;}

.intro-big-title{font-size:70px;

text-transform: uppercase;

line-height:1;}



.author-top-intro{width:50%;

margin:0 auto;}

.author-intro-content{margin:0;

text-align:center;

margin-top:54px;}

.author-intro-content li{display:inline-block;

vertical-align:middle;}

.author-left-intro{margin-right:30px;}

.author-left-intro img{border-radius:50%;}

.author-right-intro{text-align:left;}

.author-right-intro .intro-big-title{font-size:48px;

text-transform:none;}

.author-desc{margin-top:36px;

text-align:center;}

.author-social{list-style:none;

margin:0;

font-size:0;

margin-top:8px;}

.author-social li{display:inline-block;

font-size:16px;

margin-left:10px;}

.author-social li:first-child{margin:0;}

.author-social li a{color:#a5a5a5;}

/* END ARCHIVE */



/*************************************



4. SINGLE PAGE



************************************/



.single-post-holder, .page-template-holder{margin-top:54px;

padding:32px;}

.single-post-holder .post-title{font-size:36px;

margin:8px 0;}



.single-post-holder .post-meta{margin-bottom:54px;}



.single-post-content:hover{-webkit-box-shadow: none;

-moz-box-shadow: none;

box-shadow: none;}



.single-post-content{text-align:left;}

.single-post-content img, .custom-page-template img{height: auto;

    max-width: 100%;}

	

.get-social{list-style:none;

margin:0;

font-size:0;

margin-top:16px;

text-align:center;}

.get-social li{display:inline-block;

font-size:14px;

margin-left:16px;}

.get-social li a{color:#a5a5a5;}

.get-social li:first-child{margin-left:0;}



.single-section-title{text-align:center;

font-size: 16px;

font-weight: 700;

margin-top: 54px;}

.single-section-title span{color:#454545;

border-top:2px solid #e5e5e5;

letter-spacing: 2px;

padding-top:8px;

text-transform: uppercase;}



.author-single-page{border-top:1px solid #e5e5e5;

border-bottom:1px solid #e5e5e5;

margin-top:54px;

padding:24px 0;}

.author-single-page img{   border-radius: 50%;

    display: block;

    float: left;

    height:100px;

    width:100px;

	}

.author-content{margin-left:130px;}

.author-content h5{margin-bottom:8px;}

.author-content h5 a{color:#252525;}

.author-content h5 a:hover{color:#4b8dff;}

.author-content .author-social li{font-size:14px;}



.meta-nav-holder{margin-top:54px;}

.meta-nav h4{font-size:12px;

font-weight:700;

letter-spacing:2px;

text-transform:uppercase;}

.meta-nav-right{text-align:right;}



.related-posts{margin-top:54px;}

.related-story{margin-top:36px;}

.related-story h4{margin-top:16px;}

.related-story h4 a{color:#252525;}

.related-story h4 a:hover{color:#4b8dff;}



/**** COMMENTS STYLES*****/

#comments{}

.commentlist { margin: 0 }

.commentlist > li{ list-style: none; margin: 0;

margin-top:32px;}

.commentlist > li ul.children li{ list-style: none;}

.children li.depth-2 { margin: 0 0 0px 63px }

.children li.depth-3 { margin: 0 0 0px 63px }

.children li.depth-4 { margin: 0 0 0px 63px }

.children li.depth-5 { margin: 0 0 0px 63px }

.children li.depth-6 { margin: 0 0 0px 63px }

.children li.depth-7 { margin: 0 0 0px 63px }

.children li.depth-8 { margin: 0 0 0px 63px }

.children li.depth-9 { margin: 0 0 0px 63px }

.children li.depth-10 { margin: 0 0 0px 63px }

.comment-body { margin-bottom: 32px;

padding-bottom:24px;

border-bottom:1px solid #f2f2f2;}

.comment-details{ position: relative; margin-left: 72px }

.comment-avatar{ position: absolute; left: -72px; top:0 }

.comment-avatar img{ display: block;

border-radius:50%;}

.comment-right{}



.comm-author a:visited {border:none;}

.comment-meta li.comm-author, .comm-author a{color:#252525;

font-size:14px;

font-weight:700;

letter-spacing:1px;

font-style:normal;}

.comm-author a:hover{color:#4b8dff;}

.comment-content p:last-child{ margin: 0; }

.comment-meta {margin:0;

list-style:none;

margin-bottom:7px;

}

.comment-meta li{display:inline-block;

color:#a5a5a5;

font-size:12px;

font-style:italic;

margin-top:0;

}

.comment-meta li:before{content: "\2044";

  padding:0 7px 0 5px;

  color:#a5a5a5;

  font-size:11px;

}

.comment-meta li:first-child:before{display:none;

padding:0;}



#cancel-comment-reply-link{font-size:12px;}

.commentlist .children { margin: 0 }

#comments_wrap { margin-top: 16px }

#cancel-comment-reply { float: right; margin-top: 14px; }

.comment-reply-title small{display:block;

margin-bottom:7px;}

.children #commentform textarea { width: 95.6% }



input::-ms-clear { display: none;}



@-ms-viewport{width:auto;}



/**** END COMMENTS STYLES*****/



/* comments + contact fields */

.comm-field, .contact-field, #msg-contact{width:100%;

padding:10px 8px;

border:1px solid #e5e5e5;

margin-top:24px;

}

#msg-contact{padding:10px 8px;

border:1px solid #e5e5e5;

}

.contact-btn, .form-submit{text-align:right;}

.form-submit{margin-bottom:0px;}

#submit-contact{margin-top:24px;}



.comm-title-2 .single-section-title{margin-top:54px;}



.output2{margin-top:24px;

border:1px solid #ff0000;

padding:8px;

color:#ff0000;}



.antispam{ display:none;}



.contact-field{margin-bottom:24px;}



.submit, #submit-contact{display:inline-block;

font-size:12px;

text-transform:uppercase;

color:#252525;

background:none;

border:1px solid #252525;

padding:10px 16px;

text-align:center;

letter-spacing:1px;

margin-top:24px;

}

.submit:hover, #submit-contact:hover{border:1px solid #4b8dff;

color:#4b8dff;

text-decoration:none;}



.comm-send{margin-top:36px;}



/*************************************



5. SIDEBAR



************************************/



aside{margin-top:54px;

padding-left:0px;}

.aside-left{padding-left:0px;

padding-right:0px;}

aside ul{margin:0;

padding:0;

list-style:none;}



aside > ul > li{margin-top:54px;}



aside > ul > li:first-child{margin-top:0;}



.widgettitle {color:#252525;

border-top:2px solid #4b8dff;

    display: inline-block;

    font-size: 16px;

    font-weight: 700;

    letter-spacing: 2px;

    margin-bottom: 24px;

	padding-top:8px;

    text-transform: uppercase;

}



.widget ul li{margin-bottom:8px;}

.widget ul li:last-child{margin-bottom:0px;}



.widget ul li a{color:#454545;}

.widget ul li a:hover{text-decoration:none;

color:#4b8dff;

}



.widget_recent_entries li, .widget_archive li, .widget_categories > ul > li{padding-bottom:7px;

border-bottom:1px solid #e5e5e5;}

.widget_categories ul.children{padding-top:7px;

margin-left:24px;}



.about-widget img{margin-bottom:16px;}

.about-widget .about-text{font-size:14px;}



/*** POPULAR + RECENT POSTS WIDGETS ***/



.widget-display-posts-img ul li{margin-bottom:16px;}



.display-post-img{float:left;

width:60px;

height:60px;

overflow:hidden;

margin-right:10px;

}

.display-post-img img {

    height: auto;

    left: -30px;

    position: absolute;

    width: 120px;

}



.display-post-date{font-size:12px;

color:#a5a5a5;

font-style:italic;

margin-bottom:5px;

line-height:1;

}

.display-post-text h4{font-size:16px;

letter-spacing:0;}



.widget-popular-posts-img ul li{margin-bottom:36px;}

.popular-post-img{margin-bottom:14px;}

.popular-post-img img{display: block;

    height: auto;

    max-width: 100%;}

.popular-post-text{text-align:center;}



/*** END POPULAR + RECENT POSTS WIDGETS ***/



.textwidget img{display: block;

    height: auto;

    max-width: 100%;}

	

aside .instagram-pics li{display:inline-block;margin:0px 8px 8px 0px;}

aside .instagram-pics li img{width:95px;height:95px;}	



.widget-social{float:none;

text-align:left;

margin:0;}

.widget-social ul li{margin-bottom:0;

margin-left:16px;

font-size:16px;}

.widget-social ul li:first-child{margin-left:0;}



.search-string{padding:10px;

width:100%;

border:1px solid #454545;

background:none;

}



.banner-widget img{margin:0 auto;}



.flickr div{float:left;margin:0px 8px 8px 0px;}

.flickr img{width:95px;height:95px;}

.flickr div a{display:block;width:95px;height:95px;margin:0;}





/*************************************



6. FOOTER



************************************/



footer{background:#252525;

color:#999999;

margin-top:54px;

padding:54px 0 24px 0;}



#footer-instagram{margin-top:54px;

margin-bottom:-54px;

text-align:center;}

#footer-instagram .widgettitle{text-align:center;

display:inline-block;

padding:5px 14px;

border:2px solid #252525;

	text-transform:uppercase;

font-size: 11px;

    font-weight: 700;

    letter-spacing: 1px;

	line-height:1.5em;

margin-bottom:14px;}

#footer-instagram .instagram-pics{margin:0;}

#footer-instagram .instagram-pics li{display:inline-block; margin:0;

width:25%;}

#footer-instagram .instagram-pics li img{max-width: 100%;

width:auto;

height:auto;}

#footer-instagram .instagram-pics li img:hover{opacity:0.9;}

#footer-instagram .clear{position:absolute;

left:0;

right:0;

bottom:0;

text-transform:uppercase;

font-size: 11px;

    font-weight: 700;

    letter-spacing: 1px;

		line-height:1.1;}

#footer-instagram .clear a{padding:5px 14px;

background:#ffffff;

border:none;

color:#252525;

display:inline-block;

}



.footer-widgets{border-bottom:1px solid #454545;

padding-bottom:54px;

margin-bottom:24px;}



.footer-widgets .widgettitle {color:#f5f5f5;

border-top:none;

border-bottom:2px solid #454545;

    display: inline-block;

    font-size: 16px;

    font-weight: 700;

    letter-spacing: 2px;

    margin-bottom: 24px;

	padding-bottom:8px;

    text-transform: uppercase;

}



.foo-block ul{margin:0;

list-style:none;}



.foo-block .widget-footer{margin-bottom:32px;}

.foo-block .widget-footer:last-child{margin-bottom:0;}



.footer-widgets .display-post-text h4 a{ color:#999999;}

.footer-widgets .display-post-date{color: #505050;}



.bottom-info{clear:both;}



.copyright {font-size: 12px;

	float:left;

	color:#505050;

}



.footer-social{margin-top:0px;

float:right;}



.footer-social li{font-size:16px;

margin-left:16px;}



.footer-social li a{color:#505050;

display:inline-block;}





/*************************************



7. OTHER



************************************/



.page-template-holder .post-title{font-size:36px;

margin:0;

margin-bottom:24px;}



/***** MODAL WINDOW ******/



.modal-dialog{width:auto;

margin:0;}

.modal.fade .modal-dialog, .modal.in .modal-dialog {transform: none;}

.modal-backdrop.in{opacity:0;}

#myModal .modal-content {

    border: 0;

    border-radius: 0;

    box-shadow: none;

    padding: 81px 0;

	background:none;

	min-height:500px;

}



.modal{background:rgba(255,255,255,0.98);}



.exit-modal{

font-size:28px;

text-align:right;

line-height: 1;

margin-bottom:24px;

color:#252525;}



.exit-modal i{cursor:pointer;}



.modal-title{text-align:center;

margin-bottom:16px;}



.search-bar{margin-top:36px;

text-align:center;}

.search-bar .search-string{background:none;

border:2px solid #e5e5e5;

color:#252525;

text-align:center;

font-size:24px;

width:80%;

padding:16px;

line-height:1.5;

}



.search-box{padding:12px 24px;

width:100%;

border:1px solid #e5e5e5;

}



.modal-tags{width:80%;

margin:36px auto 0 auto;

text-align:center;}



.modal-tags a, .tagcloud a, .tags-single-page a{margin:7px;

padding:3px 10px;

background:#252525;

color:#ffffff;

text-transform:lowercase;

text-align:center;

font-size:12px;

display:inline-block;

text-decoration:none;}



.modal-tags a:hover{background:#4b8dff;

color:#ffffff;}



.tagcloud a, .tags-single-page a{background:#353535;

color:#4b8dff;

margin:0 3px 8px 0;}



.tagcloud a:hover{color:#252525;

background:#4b8dff;}



.tags-single-page a{background:none;

border:1px solid #a5a5a5;

color:#252525;}

.tags-single-page a:hover{background:none;

border:1px solid #252525;}



aside .tagcloud a{background:none;

border:1px solid #252525;

color:#252525;}

aside .tagcloud a:hover{background:none;

border:1px solid #4b8dff;

color:#4b8dff;}



/***** END MODAL WINDOW ******/



/* SLICK SLIDER */



.slick-arrow {

    cursor: pointer;

    display: block;

    height: 40px;

    position: absolute;

    text-indent: -9999px;

    top: 50%;

    width: 40px;

    z-index: 10;

	border:none;

	margin: -20px 0 0;



	background: url("images/slider-arrows.png") no-repeat scroll 0 0 transparent;

	

	-webkit-transition: all 0.2s ease-in-out 0s;

   -moz-transition: all 0.2s ease-in-out 0s;

   -o-transition: all 0.2s ease-in-out 0s;

   -ms-transition: all 0.2s ease-in-out 0s;

   transition: all 0.2s ease-in-out 0s;



}



.slick-prev {

    background-position: 0 0;

    left: 20px;

	top:50%;

}



.slick-next {

    background-position: -40px 0;

    right: 20px;

	top:50%;

}



.slick-slider

{

    position: relative;



    display: block;



    -moz-box-sizing: border-box;

         box-sizing: border-box;



    -webkit-user-select: none;

       -moz-user-select: none;

        -ms-user-select: none;

            user-select: none;



    -webkit-touch-callout: none;

    -khtml-user-select: none;

    -ms-touch-action: pan-y;

        touch-action: pan-y;

    -webkit-tap-highlight-color: transparent;

}



.slick-list

{

    position: relative;



    display: block;

    overflow: hidden;



    margin: 0;

    padding: 0;

}

.slick-list:focus

{

    outline: none;

}

.slick-list.dragging

{

    cursor: pointer;

    cursor: hand;

}



.slick-slider .slick-track,

.slick-slider .slick-list

{

    -webkit-transform: translate3d(0, 0, 0);

       -moz-transform: translate3d(0, 0, 0);

        -ms-transform: translate3d(0, 0, 0);

         -o-transform: translate3d(0, 0, 0);

            transform: translate3d(0, 0, 0);

}



.slick-track

{

    position: relative;

    top: 0;

    left: 0;



    display: block;

}

.slick-track:before,

.slick-track:after

{

    display: table;



    content: '';

}

.slick-track:after

{

    clear: both;

}

.slick-loading .slick-track

{

    visibility: hidden;

}



.slick-slide

{

    display: none;

    float: left;



    height: 100%;

    min-height: 1px;

}

[dir='rtl'] .slick-slide

{

    float: right;

}

.slick-slide img

{

    display: block;

}

.slick-slide.slick-loading img

{

    display: none;

}

.slick-slide.dragging img

{

    pointer-events: none;

}

.slick-initialized .slick-slide

{

    display: block;

}

.slick-loading .slick-slide

{

    visibility: hidden;

}

.slick-vertical .slick-slide

{

    display: block;



    height: auto;



    border: 1px solid transparent;

}

.slick-arrow.slick-hidden {

    display: none;

}



/* END SLICK SLIDER */



/* Placeholder text color */



::-webkit-input-placeholder { /* Safari, Chrome and Opera */

  color: #252525;

}



:-moz-placeholder { /* Firefox 18- */

  color: #252525;

}



::-moz-placeholder { /* Firefox 19+ */

  color: #252525;

}



:-ms-input-placeholder { /* IE 10+ */

  color: #252525;

}



::-ms-input-placeholder { /* Edge */

  color: #252525;

}



:placeholder-shown { /* Standard one last! */

  color: #252525;

}



.no-posts-title{margin-top:54px;}

.error-404{text-align:center;

margin-top:54px;

padding:0 86px;}



.scrollup{display:none;}

.scrollup i {

width:30px;

height:30px;

position: fixed;

background:#252525;

border-radius: 50%;

bottom: 20px;

right: 20px;

text-align: center;

padding-top:5px;

cursor: pointer;

z-index: 110;

}





/*************************************



MEDIA QUERIES



************************************/



@media (min-width: 1500px) {



.container{width:1440px;}



}



@media (min-width: 1200px) {



.slider-item-fw {

    height: 600px;

    overflow: hidden;

}

.slider-item-fw img {

    display: block;

    left: 0;

    position: absolute;

    top: -25%;

    width: 100%;

}



.slider-item-fw .flex-caption{padding:36px;

width:300px;

} 

.slider-item-fw .flex-caption h2{font-size:24px;

margin:24px 0;}



#footer-instagram .instagram-pics li{width:12.5%;}



.blog-item-2col-grid .post-title{font-size:36px;}

.blog-item-1col-list .list-image, .blog-item-1col-list .post-holder{height: 420px;}



.single-post-holder, .page-template-holder { padding: 54px 86px; }

aside{padding-left:30px;}

.aside-left{padding-right:30px;}



aside .instagram-pics li img, .flickr img, .flickr div a{width:65px;height:65px;}



}



@media (min-width: 768px) and (max-width: 979px) {



.body-header1{padding-top:168px;}



.nav-holder, .logo-1, .search-social{float:none;

text-align:center;}



.foo-block .widget-footer:first-child, .foo-block .widget-footer { margin-bottom: 32px; }

.foo-last .widget-footer:last-child{margin-bottom:0;}



}



@media (max-width: 767px) {



.nav-holder{margin-right:0px;

margin-bottom:16px;

float:none;}

.logo-1, .search-social{}



.menu-nav li{display:block;

font-size:14px;

margin:0;

padding:0;

}

.menu-nav li a{padding:4px 0;}



.menu-nav > li > a:before{display:none;}



.menu-nav ul {margin:0;

padding: 0;

top:0;

left:0;

display:block;

position: relative;

background:none;

border:none !important;

width:auto;

}



.menu-nav ul{text-align:center;}



.menu-nav ul li a, .menu-nav li:hover ul li a { border-bottom:none;

  padding:0;

  margin-bottom:7px;

}

.menu-nav ul li a:hover, .menu-nav li:hover ul li a:hover { background:none !important; }



.menu-nav ul li:first-child a {padding-top:0;}

.navbar li ul ul { left: 0; top: 0; }



.navbar-collapse.in{max-height:350px;}



.navbar{text-align:center;}

.navbar-toggle{margin-top:16px;

margin-bottom:16px;}



.body-header1{padding-top:68px;}

#header-bar-1 .search-social{margin-top:25px;}



.logo-1 a{ display: block; }

.logo-1 a img{margin-top:12px;

margin-left:auto;

margin-right:auto;}

.logo-1 .logo-txt{margin-top:12px;}

.logo-1-no-menu{margin-bottom:12px;}



.top-grid-item{height:300px;

float:none;

display:block;

width:100% !important;

margin:0 !important;

}

.top-grid-item:nth-of-type(8n+1){height:300px;}

.grid-content h2{font-size:24px;}



.foo-block .widget-footer:first-child, .foo-block .widget-footer { margin-bottom: 32px; }

.foo-last .widget-footer:last-child{margin-bottom:0;}



.bottom-info{text-align:center;}

.copyright, .footer-social {float:none;}

.copyright{margin-top:16px;}



.post-content-item-full{width:80%;}

.post-content-item-full .post-title{font-size:32px;}



.post-title{font-size:24px;

-ms-word-wrap: break-word;

word-wrap: break-word;}



.blog-item-1col-list .list-image, .blog-item-1col-list .post-holder{float:none;

width:100%;

}

.blog-item-1col-list .list-image{height:300px;}

.blog-item-1col-list .post-holder{height:100%;}

.blog-item-1col-list .post-align{position:relative;

transform:none;

padding:0;}



.author-top-intro{width:100%;

padding:0 15px;}

.author-intro-content > li{display:block;

text-align:center;}

.author-left-intro{margin-right:0px;

margin-bottom:24px;}

.author-right-intro .intro-big-title { font-size: 32px; }



.popular-post-text{text-align:left;}



/*comments*/

	.children { margin: 24px 0 0; }

	.children li.depth-2,

	.children li.depth-3,

	.children li.depth-4,

	.children li.depth-5,

	.children li.depth-6,

	.children li.depth-7,

	.children li.depth-8,

	.children li.depth-9,

	.children li.depth-10 { margin: 0 }



}



@media (max-width: 568px) {



.blog-item-full{height:300px;}

.post-content-item-full{width:90%;}



}



@media (max-width: 375px) {





.widget-social{display:block;}



}



@media (max-height: 768px) {



.nav-holder-3{overflow-y: scroll;}



.social-nav-3{position:relative;

bottom:0;}



}

/*  Styles Siderys
    ------------------------------------------ */
    body{
      background: #ecedf0; }

    *{
      font-family: 'Rubik', sans-serif; }  

    a, a span{  
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      transition: all 0.3s ease; }

    h1, h2, h3{ 
      font-family: 'Rubik', sans-serif;
      font-weight: 400; 
      margin: 0; }

    p, span, ul li, a{ 
      font-family: 'Rubik', sans-serif; }

/*  Header
    ------------------------------------------ */
    header{
      background: #fff !important; }

    header .nav-button-holder{ display: none; }  /* Menu Hide */       
    header .logo-3{ text-align: left; width: 140px; }

    header .menu-blog{
      float: left;
      margin-top: 17px;
    }
    header .menu-blog li{
      border-right: 1px solid #2c4c75; }

    header .menu-blog li:last-child{
      border-right: none; }

    header .menu-blog li a {
      color: #2c4c75;
      font-size: 13px;
      font-weight: 400;
      padding: 0 5px; }

    header .menu-blog li a.active{
      color: #5993D2; } 

/*  Top
    ------------------------------------------ */
    .top-grid-item .grid-overlay {
      background: rgba(44,76,117,0.7); }

    .grid-content h2{
      font-size: 18px; }

    .grid-content .post-date,
    .meta-date,
    .post-content-item-full .meta-date{
      font-family: 'Rubik', sans-serif;
      font-size: 12px;
      font-weight: 400;
      color: #fff; }

/*  Article
    ------------------------------------------ */
    article{}   

    .meta-time{
      border: 1px solid red;
      display: none !important; }

    .post-category{}
    .post-category a {
      border: none;
      font-size: 12px;
      font-weight: 400;
      text-transform: initial;
      color: #5992d1; }

      .post-category a:hover, .post-category a:focus{
        border: none;
        color: #2c4c75; }

      .post-content-item-full .post-title a {
          font-size: 28px; }  

    .post-title{}
      .post-title a{
        color: #2c4c75;
        font-size: 20px;
        font-weight: 400;}

    .post-content{
      color: #666;
      font-size: 12px;
      margin: 10px 0; }

    .overlay-bkg-img{
      background: rgba(44,76,117,0.7);
      background-image: none !important; }

/*  View more
    ------------------------------------------ */
    .view-more a {
      border: 1px solid #5992d1;
      border-radius: 0.5rem;
      font-family: 'Montserrat', sans-serif;
      color: #5992d1;
      font-size: 12px;
      text-align: center;
      margin-top: 10px;
      padding: 7px 10px;
      display: inline-block;
      text-transform: inherit; }

      .view-more a:hover, .view-more a:focus{
        background: #5992d1;
        color: white; }

      .view-more i{
        display: none; }  

/*  Autor
    ------------------------------------------ */
    .meta-author{}
    .meta-author img{ display: none; }

/*  Paginado
    ------------------------------------------ */
    .page-numbers, .page-numbers:hover, .nav-page a, .nav-page a:hover, .page-links a{
      background: white;
      border: 2px solid #5992d1;
      color: #5992d1;
      font-family: 'Montserrat', sans-serif;
      font-size: 13px; }

    .current-page, .current-page:hover{
      border: 1px solid white; }      

/*  Social
    ------------------------------------------ */
    .search-social li, .footer-social li {
      font-size: 13px;
      margin-left: 25px;}

    .search-social li a {
      color: #4b91ff; } 

    .footer-social li a{
      color: #fff; }  

    .search-btn{
      color: #d36554;
      font-size: 16px !important; }

    .search-btn:hover, .search-btn:focus{
      color: #a34136; }        

/*  Footer
    ------------------------------------------ */
    footer{
      background: #2c4c75;
      padding: 4.75rem; }

    footer .footer-widgets {
      border-bottom: none;
      padding-bottom: 0;
      margin-bottom: 0; }

    .footer-widgets .widgettitle{
      color: #4b8dff;
      font-family: 'Rubik', sans-serif;
      font-weight: 400; 
      text-transform: inherit;
      border: none; }

    .footer-widgets .display-post-date {
      color: #eaeaea;
      font-style: normal;
      margin: 0;
      letter-spacing: 1px;
    }
    .footer-widgets .display-post-text h4 a {
      color: #fff;
      font-size: 13px;
      letter-spacing: 1px;
    }      

/*  Footer + Tags
    ------------------------------------------ */    
    .tagcloud a, .tags-single-page a{
      background: #5992d1;
      color: #335783; }

/*  Widget
    ------------------------------------------ */
    aside{}

    .widgettitle {
      font-family: 'Rubik', sans-serif;
      color: #4b8dff;
      border-top: none;
      display: inline-block;
      font-size: 18px;
      font-weight: 400;
      letter-spacing: 1px;
      margin-bottom: 24px;
      padding-top: 8px;
      text-transform: initial; }

    .display-post-text h4{
      margin-top: 0.5rem;
      text-align: left; }  

    .widget ul li a {
      color: #2c4c75; }

    .widget_recent_entries li, .widget_archive li, .widget_categories > ul > li {
      padding-bottom: 7px;
      border-bottom: 1px solid #2c4c75;
    }

    .popular-post-img{
      margin: 0; }

/*  Single post
    ------------------------------------------ */
    .single-post-holder .post-title {
      color: #2c4c75;
      font-size: 20px;
      margin: 8px 0;
    }

    .single-post-content p{
      font-size: 13px;
      color: #2c4c75;
    }

/*  Footer - Social
    ------------------------------------------ */

    .footer-siderys{
      margin-top: 10px;
    }
  .footer-siderys *{
    color: #fff;
    font-size: 13px;
    letter-spacing: 1px;
    margin: 0; }

  .footer-siderys a{
      color: #fff; }   

    .footer-siderys a:hover span,
    .footer-siderys a:focus span{
      color: #4b8eff; }

    .footer-siderys address {
      font-style: initial;
      margin-bottom: 30px; }    

    .footer-siderys address p {
    color: #4b8eff;
    margin-bottom: 4px;
    letter-spacing: 1.5px;
    font-size: 16px; }

  .footer-siderys address p span.ico {
    background: url(assets/ico-dir.png) no-repeat center center;
    vertical-align: sub; } 

  .footer-siderys address .menu{   
    margin-left: 25px; }

   .footer-siderys address .menu li {
      /* border-right: 1px solid #fff; */
      display: block;
      line-height: 16px;
      padding-right: 12px;
      margin-right: 8px;
  } 

  .footer-siderys address .menu li:last-child{
    border: none;
    padding: 0;
    margin: 0; } 

  .footer-siderys address .menu li a{
    display: inline-block;
      padding: 0 3px; }       

  .footer-siderys address .menu .tel .ico {
    background: url(assets/ico-tel.png) no-repeat center center;  
    /*background-color: #4b8eff;
    -webkit-mask:  url(../assets/i-tel.svg) no-repeat 50% 50%;
    mask: url(../assets/i-tel.svg) no-repeat 50% 50%;
    height: 20px;
      width: 20px;*/ } 

    .footer-siderys .menu-social {
      margin-top: 25px;
      margin-left: -7px; }

    .footer-siderys .box-mail{
      margin-top: 30px; } 

    .footer-siderys span.ico {
      display: inline-block;
      height: 20px;
      width: 20px;
      vertical-align: bottom; } 

  .footer-siderys .mail{
    display: flex; }       

    .footer-siderys .mail span.ico {
      background: url(assets/ico-mail.png) no-repeat center center; 
      margin-right: 5px;
      /*border: 1px solid red;
      background-color: #4b8eff;
      -webkit-mask:  url(../assets/i-email.svg) no-repeat 50% 50%;
      mask: url(../assets/i-email.svg) no-repeat 50% 50%;
      margin-right: 5px; */}

  @media (max-width: 1200px) {
    .footer-siderys{
      padding: 32px 16px; }

    .footer-siderys address .menu li {
        border-right: none; } 
    } 

  @media (max-width: 1024px) {
    .footer-siderys{
      padding: 32px 16px; }   

    .footer-siderys .menu-social {
        margin-left: 16px; } 
  } 

  @media (max-width: 860px) {

    .footer-siderys{
       }
    
    .footer-siderys,
    .footer-siderys .box-flex,
    .footer-siderys.box-flex{
      display: block; }

    .footer-siderys .flex-left,
    .footer-siderys .flex-right{
      position: relative;
      overflow: auto;
      margin: 0; }  

    .footer-siderys .box-flex-footer{
      margin-bottom: 16px;
      width: 100%; }  

    .footer-siderys address{
      margin-bottom: 32px;}

    .footer-siderys address .menu li {
        border-right: none;
        display: block;
        line-height: 24px;
        padding-right: 0;
        margin-right: 0; }    

    .footer-siderys .box-mail {
        margin: 0; }

    .footer-siderys .menu-social{
      float: right;
      margin-top: 32px; }
	  .bt-fb ,.bt-tw , .bt-lk  { display:none !important;}
	  footer { padding: 0 !important;}
	  #header-3{ padding: 16px 16px;}
	  h2 { font-size:22px !important}
	  }

  /*.box-flex{
      display: flex; }

    .box-flex .flex-left{ margin-right: auto; }
    .box-flex .flex-right{ margin-left: auto; }  

    .box-flex .flex-left{ margin-right: auto; }
    .box-flex .flex-right{ margin-left: auto; } */

    .menu {
      margin: 0;
      list-style-type: none; }
      .menu > li {
        display: table-cell;
        vertical-align: middle; }
        .menu > li > a {
          display: block;
          padding: 0;
          line-height: 1;
      }

    .menu-social{}
    .menu-social li{}
    .menu-social li a{
    padding: 0 10px; }    

    .menu-social li a svg{    
    fill: #fff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease; 
    width: 20px; }

    .menu-social li a:hover svg,
    .menu-social li a:focus svg{
    fill: #4b8eff; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.footer-siderys address p { font-style: normal;}
	.footer-siderys address .menu li { font-style: normal;}	
}