/* --------------------------------------------------------------------------
 * NYX - Multipurpose HTML Template
 *  
 * Version        : 1.0
 * Author         : Indonez
 * Author URI     : http://indonez.com
 * Support        : http://support.indonez.com
 *
 * Copyright 2014. All Rights Reserved.
 * -------------------------------------------------------------------------- */
 
@charset "utf-8";

@import url('base.css'); /* basic style */
@import url('mediaelement.css'); /* audio, video player style */
@import url('grid.css'); /* column style */
@import url('icon.css'); /* icomoon */
@import url('animate.css'); /* animated div */
@import url('slicknav.css'); /* responsive mobile menu */


body {
background:#6d6d6d url(../images/bg-body1.jpg);
background-attachment:fixed;
font:14px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight:400;
line-height:26px;
color:#848383;
margin:0;
padding:0;
}

body.layout3{background:#6d6d6d url(../images/bg-body2.jpg); background-attachment:fixed;}
body.layout4{background:#6d6d6d url(../images/bg-body3.jpg); background-attachment:fixed;}
body.layout5{background:#6d6d6d url(../images/bg-body4.jpg); background-attachment:fixed;}


#box-wrapper {
width:1200px;
background:#fff;
margin:50px auto;
position: relative;
-webkit-box-shadow: 0px 0px 18px rgba(000, 000, 000, 0.10);
-moz-box-shadow:    0px 0px 18px rgba(000, 000, 000, 0.10);
box-shadow:         0px 0px 18px rgba(000, 000, 000, 0.10);
overflow:hidden;
}

#content-wrapper {
margin:0 auto;
padding:42px 0px;
position:relative;
z-index:0;
clear:both;
z-index:2
}

#content-wrapper.pagenomargin{padding:64px 0 0 0;}

/*======================================================================================= HEADER STYLING =======================================================================================*/
#header {
width:100%;
background:#fff;
margin:0 auto;
padding:60px 0 0 0;
}

header .row, header .column{margin-bottom:0;}

#header.type1{}
#header.type2{padding:0;}
#header.type3{padding:0;}
#header.type4{padding:0;}
#header.type5{padding:0;}

#top-area{background:#f3f3f3; padding:10px 0; font-size:13px;}
#header.type5 #top-area{background:#737373; padding:20px 0}
#header.type3 #top-area{min-height:50px; padding:12px 0 0 0;}
#header.type4 #top-area{background:#48b5e9; padding:10px 0; font-size:13px; color:#fff;}

#top_right-text{text-align:right;}
#top_right-text i{color:#c2c2c2; font-size:16px; padding:0 6px;}
#header.type4 #top_right-text span{vertical-align:middle; padding-left:40px;}
#header.type4 #top_right-text i{color:#fff; font-size:14px; padding:0 6px; font-weight:300;}

#top-left-text ul{list-style-type:none; padding:0; margin:0}
#top-left-text ul li{display:inline; font-size:11px;  margin-right:13px;}
#top-left-text ul li:first-child span{visibility:hidden;}
#top-left-text ul li a, #top_left-text ul li a:visited{color:#a6a5a5; padding-left:13px;}
#top-left-text ul li:first-child a{padding-left:0;}

#header.type5 #top-left-text ul li, #header.type5 #top-left-text{font-size:13px;}
#header.type5 #top-left-text, #header.type5 #top-left-text ul li a, #header.type5 #top_left-text ul li a:visited{color:#fff;}

#top_right-text ul{list-style-type:none; padding:0; margin:0}
#top_right-text ul li{display:inline; font-size:11px;  margin-left:13px;}
#top_right-text ul li:first-child span{ visibility:hidden}
#top_right-text ul li a, #top_right-text ul li a:visited{color:#a6a5a5; padding-left:13px;}

#header.type5 #top_right-text ul li, #header.type5 #top_right-text{font-size:13px;}
#header.type5 #top_right-text, #header.type5 #top_right-text i, #header.type5 #top_right-text ul li a, #header.type5 #top_right-text ul li a:visited, #header.type5 #top_right-text a, #header.type5 #top_right-text a:visited{color:#fff;}
#header.type5 #top_right-text i{font-size:13px;}

#top-left-text ul li.cart span, #top_right-text ul li.cart span{visibility:visible;}


#top-line{height:3px; width:100%; background:#474747; clear:both; margin-bottom:20px;}


#left-header {float:left;}
#header.type2 #left-header{padding:40px 0 0 0;}
#header.type3 #left-header{padding:30px 0 0 0;}
#header.type4 #left-header{padding:40px 0 0 0;}
#header.type5 #left-header{padding:30px 0 0 0;}
#logo img{
	display:block;
	width:393px
}

#right-header {float:right;  margin:0; padding:0;}
#header.type2 #right-header{min-height:120px;}
#header.type4 #right-header {padding:40px 0 0 0;}
#top-text{float:left; padding:8px 20px 0 0; display:inline-block}
#header.type4 #top-text{padding:8px 0 0 0;}
#top-text i{font-size:16px; padding:0 4px}
#top-text a{color:#707070;}
#top-search{position:relative; display:inline-block}
#searchform{padding:0; margin:0;}
#searchform fieldset{padding:0; margin:0}
#searchform input[type="text"]{margin:0; border:0; background:transparent; float:left;  width:80%; padding:6px 11px 8px 11px}
#searchform input[type="text"]:focus{box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;}
#searchform .search-fieldset{border:solid 1px #e0e0e0; color:#b5b5b5; font-size:13px; box-shadow: 2px 2px #f4f4f4; padding:0; margin:0; position:relative}
#searchform button{border:0px !important; background:transparent; cursor:pointer; color:#b5b5b5; padding:0 0 0 3px; margin:0; position:relative; right:11px; top:7px; float:right}
#searchform button:focus{border:0; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;}
#searchform button i{font-size:16px;}

#searchform-besidemenu{float:right; border-left:solid 1px #e0e0e0; position:relative; width:200px; min-height:65px}
#searchform-besidemenu #searchform .search-fieldset{border:0; line-height:65px; color:#b5b5b5; font-size:13px; box-shadow:none; padding:0 0 0 15px; margin:0; position:relative}
#searchform-besidemenu #searchform input[type="text"]{min-height:65px;}
#searchform-besidemenu #searchform button{border:0px !important; background:transparent; cursor:pointer; color:#48b5e9; padding:0 0 0 3px; margin:0; position:relative; right:20px; top:20px; float:right; z-index:5}
#searchform-besidemenu #s{
	-webkit-transition-duration: 400ms;
	-webkit-transition-property: width, background;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 400ms;
	-moz-transition-property: width, background;
	-moz-transition-timing-function: ease;
	-o-transition-duration: 400ms;
	-o-transition-property: width, background;
	-o-transition-timing-function: ease;
	position:absolute;  z-index:5;
	width:200px;
}

#searchform-besidemenu #s:focus {
	background-color: #fff;
	width:1098px;
	right:0px;
}

/***** Page Title *****/
#header-inner-container .row, #header-inner-container .column{margin-bottom:0; padding-bottom:0}
#header-inner{position:relative; clear:both; background:#f7f7f7; border-bottom:solid 4px #e3e3e3; overflow:hidden}
#header-inner-content{ padding:26px 30px 26px 30px;}
#header-inner .pageicon{position:absolute; left:0; bottom:-14px; z-index:0;  color:#ececec; font-size:127px; width:127px; height:100%; line-height:100%;}
#header-inner .pageicon:before{font-family: 'icomoon-idz';  z-index:0; position:absolute; left:5px;}
.pagetitle {margin:0; text-align:left;}
.pagetitle h1 {color:#525252; font-size:34px; font-weight:700; line-height:40px; position:relative; z-index:10; margin:0}

.breadcrumb{position:relative; z-index:2;}
.breadcrumb ul{padding:0; margin:0}

.breadcrumb ul li {
font-size: 12px;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
color:#b2b2b2;
padding:0px 0px 0px 4px;
margin:0;
display:inline-block;
}
.breadcrumb ul li:first-child{padding-left:0;}

.breadcrumb ul li:after {
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:12px;
color:#c9c9c9;
content:"\2F";
margin-left:8px;
top:1px;
position:relative;
}

.breadcrumb ul li:last-child:after {
content:"";
display:inline-block;
}

.breadcrumb ul li.current_item, .breadcrumb ul li.current_item {
color: #48b5e9;
text-decoration:none;
}

.breadcrumb ul li a, .breadcrumb ul li a:visited {
color: #b2b2b2;
text-decoration:none;	
}

.breadcrumb ul li i {
position:relative;
top:1px;
}

#page-header-right{float:right; position:relative; z-index:20; padding:8px 0 0 0;}
#page-header-right .button i, #page-header-right .idz-button i{padding:0 10px 0 0;}

/*======================================================================================= MAINMENU STYLING =======================================================================================*/

.slicknav_menu{display:none;}

#menu-container{
	width:100%;
	position:relative;
	clear:both;
	background:#575757;
	border-bottom:solid 3px #474747;
	float:left;
	margin:30px 0 20px 0
}


#mainmenu ul {
text-transform:uppercase;
float:left;
margin:0;
padding-left:0px;
}

#mainmenu ul li {
color:#fff;
list-style:none;
position:relative;
padding:22px 17px 20px 17px;
float:left;
font-size:13px;
}

#mainmenu ul li i{padding-right:5px; position:relative; font-size:1em;}

#mainmenu ul li a {
font-family: 'Istok Web', sans-serif;
font-size:12px;
font-weight:700;
color:#fff;
text-decoration:none;
text-transform:uppercase
}


#mainmenu ul li:hover, #mainmenu li.current_page_item,
#mainmenu li.current_page_parent,
#mainmenu li.current-menu-parent,
#mainmenu li.current-menu-item,
#mainmenu li.current-menu-ancestor{
text-decoration:none;
color:#b7b7b7;
background:#474747;
}

#mainmenu ul li:hover > a,
#mainmenu li.current_page_item > a,
#mainmenu li.current_page_parent > a,
#mainmenu li.current-menu-parent > a,
#mainmenu li.current-menu-ancestor > a{
color:#b7b7b7;
}


#mainmenu li.current_page_item a li a, #mainmenu li.current_page_item a li a:hover,
#mainmenu li.current_page_parent a li a, #mainmenu li.current_page_parent a li a,
#mainmenu li.current-menu-parent a li a, #mainmenu li.current-menu-parent a li a,
#mainmenu li.current-menu-item a li a, #mainmenu li.current-menu-item a li a {
text-decoration:none;
color:#d4d7db;
}

#mainmenu ul li li:hover {
height: auto;
background:none;
background-color:rgba(255, 255, 255, 0.1);
border-bottom:none !important;
}

#menu li li {
border-right:none;
position:relative;
z-index:100;
line-height:18px!important;
margin:0!important;
padding:10px 18px !important;
float:none;
}

#menu li li:after {
content:"";
display:none;	
}

#menu ul {
display:none;
position:absolute;
padding:0px;
top:67px;
left:0px;
width:180px;
background-color:#4a4a4a;
z-index:9999;
}

#menu ul ul, #menu ul ul ul {
display:none;
position:absolute;
top:0px;
left:166px;
width:180px;
padding-top:0px;
z-index:999;
}

#menu li ul a,#menu li ul a:visited {
width:180px;
color:#d4d7db;
font-family: 'Istok Web', sans-serif;
font-size:12px;
text-transform:capitalize;
line-height:18px;
z-index:190;
text-decoration:none;
display:block;
}

#menu li ul a:hover {border:none;}
#menu li ul li.current_page_item  {border-bottom:none;}
#menu ul ul li:first-child a {margin-top:0px;}

#infotext{
font:13px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
color:#fff;
background:#48b5e9;
text-align:center;
padding:25px 25px;
position:absolute;
right:0;
top:0;
z-index:1200;
height:68px;
border-bottom:solid 3px #3897c5
}

#header.type1 #menu li:last-child ul{
left:auto;
right:0;
}

#header.type1 #menu li:last-child ul ul{
left:auto;
right:185px;
}


/* If Header Type2 */
#header.type2 #mainmenu ul#menu{min-height:120px;}
#header.type2 #mainmenu ul#menu > li{line-height:60px; min-height:120px}
#header.type2 .desc-menu{
display:block;
font:12px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
color:#b2b2b2;
padding:0;
margin:-12px 0 0 0;
line-height:0px;
text-transform:lowercase
}
#header.type2 #mainmenu ul li a {
font-family: 'Istok Web', sans-serif;
font-size:12px;
font-weight:700;
color:#6d6d6d;
text-decoration:none;
text-transform:uppercase
}

#header.type2 #mainmenu ul li:hover, #header.type2 #mainmenu li.current_page_item,
#header.type2 #mainmenu li.current_page_parent,
#header.type2 #mainmenu li.current-menu-parent,
#header.type2 #mainmenu li.current-menu-item,
#header.type2 #mainmenu li.current-menu-ancestor{
text-decoration:none;
color:#fff;
background:#474747;
}

#header.type2 #mainmenu ul li:hover > a,
#header.type2 #mainmenu li.current_page_item > a,
#header.type2 #mainmenu li.current_page_parent > a,
#header.type2 #mainmenu li.current-menu-parent > a,
#header.type2 #mainmenu li.current-menu-ancestor > a{
color:#fff;
}

#header.type2 #mainmenu ul li li a{color:#fff; text-transform:capitalize}

#header.type2 #mainmenu ul li i{display:none}
#header.type2 #menu ul {
display:none;
position:absolute;
padding:0px;
top:120px;
left:0px;
width:180px;
background-color:#4a4a4a;
z-index:9999;
}
#header.type2 #menu ul ul, #header.type2 #menu ul ul ul {
display:none;
position:absolute;
top:0px;
left:180px;
width:180px;
padding-top:0px;
z-index:999;
}

#header.type2 #menu li li{padding:15px 18px 15px 18px !important;}
#header.type2 #mainmenu ul#sub-menu > li{line-height:18px; min-height:auto}

#header.type2 #mainmenu ul li li:hover{background:#5b5b5b;}

#header.type2 #menu li:last-child ul{
left:auto;
right:0;
}

#header.type2 #menu li:last-child ul ul{
left:auto;
right:185px;
}


/* If Header Type3 */
#header.type3 #mainmenu ul#menu{min-height:105px;}
#header.type3 #mainmenu ul li {
padding:44px 0 0 0 !important;
margin-left:42px;
}
#header.type3 #mainmenu ul li a {color:#6d6d6d;}
#header.type3 #mainmenu ul li:hover, #header.type3 #mainmenu li.current_page_item,
#header.type3 #mainmenu li.current_page_parent,
#header.type3 #mainmenu li.current-menu-parent,
#header.type3 #mainmenu li.current-menu-item,
#header.type3 #mainmenu li.current-menu-ancestor{
color:#8b8b8b;
background:transparent;
box-shadow: 0px -2px 0px 0px #48b5e9;
}

#header.type3 #mainmenu ul li i{display:none}
#header.type3 #menu ul {
display:none;
position:absolute;
padding:0px;
top:70px;
left:0px;
width:180px;
background-color:#fff;
z-index:9999;
border:solid 1px #e0e0e0;
}
#header.type3 #menu ul ul, #header.type3 #menu ul ul ul {
display:none;
position:absolute;
top:-1px;
left:185px;
width:180px;
padding-top:0px;
z-index:999;
}
#header.type3 #mainmenu ul li li{padding:10px 18px !important; margin-left:0; border:solid 1px #e0e0e0; border-width:0 0 1px 0; box-shadow:none !important;}
#header.type3 #mainmenu ul li li:hover{background:#f0f0f0;}
#header.type3 #mainmenu .sub-menu li:last-child{border:0 !important;}
#header.type3 #mainmenu ul li li:hover{box-shadow:none; border-bottom:solid 1px #e0e0e0 !important}
#header.type3 #menu li:last-child ul{
left:auto;
right:0;
}

#header.type3 #menu li:last-child ul ul{
left:auto;
right:185px;
}


/* If Header Type4 */
#header.type4 #menu-container{
background:#fff;
border-bottom:solid 3px #48b5e9;
border-top:solid 1px #e0e0e0;
border-left:solid 1px #e0e0e0;
border-right:solid 1px #e0e0e0;
margin:40px 0 20px 0;
box-shadow: 0px -2px 0px 0px #f4f4f4;
position:relative;
}
#header.type4 #mainmenu ul li i{display:none;}
#header.type4 #mainmenu ul li a {color:#6d6d6d;}
#header.type4 #mainmenu ul li{border:solid 1px #e0e0e0; border-width:0 1px 0 0;}
#header.type4 #mainmenu ul li:hover, #header.type4 #mainmenu li.current_page_item,
#header.type4 #mainmenu li.current_page_parent,
#header.type4 #mainmenu li.current-menu-parent,
#header.type4 #mainmenu li.current-menu-item,
#header.type4 #mainmenu li.current-menu-ancestor{
color:#6d6d6d;
background:#fff;
box-shadow: 0px 3px 0px 0px #575757;
}

#header.type4 #menu ul {
display:none;
position:absolute;
padding:0px;
top:75px;
left:-1px;
width:180px;
background-color:#fff;
z-index:9999;
border:solid 1px #e0e0e0;
}
#header.type4 #menu ul ul, #header.type2 #menu ul ul ul {
display:none;
position:absolute;
top:-1px;
left:184px;
width:180px;
padding-top:0px;
z-index:999;
}


#header.type4 #mainmenu ul li li{border:solid 1px #e0e0e0; border-width:0 0 1px 0; box-shadow:none !important;}
#header.type4 #mainmenu .sub-menu li:last-child{border:0 !important;}
#header.type4 #mainmenu ul li li:hover{box-shadow:none; border-bottom:solid 1px #e0e0e0 !important; background:#f0f0f0;}


/* If Header Type5 */
#header.type5 #mainmenu ul#menu{min-height:105px;}
#header.type5 #mainmenu ul li {
padding:0 0 0 0 !important;
margin-left:42px;
line-height:102px
}
#header.type5 #mainmenu ul li a {color:#6d6d6d;}
#header.type5 #mainmenu ul li:hover, #header.type5 #mainmenu li.current_page_item,
#header.type5 #mainmenu li.current_page_parent,
#header.type5 #mainmenu li.current-menu-parent,
#header.type5 #mainmenu li.current-menu-item,
#header.type5 #mainmenu li.current-menu-ancestor{
color:#8b8b8b;
background:transparent;
box-shadow: 0px 2px 0px 0px #48b5e9;
}

#header.type5 #mainmenu ul li i{display:none}
#header.type5 #menu ul {
display:none;
position:absolute;
padding:0px;
top:105px;
left:0px;
width:180px;
background-color:#fff;
z-index:9999;
border:solid 1px #e0e0e0;
}
#header.type5 #menu ul ul, #header.type5 #menu ul ul ul {
display:none;
position:absolute;
top:-1px;
left:185px;
width:180px;
padding-top:0px;
z-index:999;
}

#header.type5 #mainmenu ul li li{padding:10px 18px !important; margin-left:0; border:solid 1px #e0e0e0; border-width:0 0 1px 0; box-shadow:none !important;}
#header.type5 #mainmenu ul li li:hover{background:#f0f0f0;}
#header.type5 #mainmenu .sub-menu li:last-child{border:0 !important;}
#header.type5 #mainmenu ul li li:hover{box-shadow:none; border-bottom:solid 1px #e0e0e0 !important}
#header.type5 #menu li:last-child ul{
left:auto;
right:0;
}

#header.type5 #menu li:last-child ul ul{
left:auto;
right:185px;
}




/*======================================================================================= SLIDESHOW STYLING =======================================================================================*/
#idz-slideshow-container{100%}
.idz-slideshow-content{margin:0 auto}





/*======================================================================================= BLOG STYLING =======================================================================================*/
.idz-article-post{margin-bottom:60px;}
.title-notfound{font-weight:700; font-size:70px}
.title-notfound i{color:#48b5e9;}

/* entry image */
.idz-entry-content-media{background:#48b5e9; margin-bottom:30px; overflow:hidden}
.idz-entry-icon{width:120px; text-align:center; padding-top:30px; float:left}
.idz-entry-icon i{font-size:44px; color:#fff}
.idz-entry-thumb{overflow:hidden; position:relative; min-height:298px;}
.idz-entry-thumb img{display:block; width:100%}
.idz-entry-thumb .idz-cycle-item{ display: none }
.idz-entry-thumb .idz-cycle-item:first-child { display: block }
.idz-entry-thumb .cycle-overlay {
position:absolute;
bottom:auto;
top:0;
left:0;
width:100%;
height:100%;
z-index:200;
background:url(../images/overlay.png) repeat;
padding:0;
box-shadow: inset 0px 0px 80px rgba(0,0,0,0.6);
}
.idz-entry-thumb .banner-background {
width:100%;
height:100%;
background-position:center;
background-size:cover;
position:absolute;
top:0;
left:0;
}
.idz-nav-next{position:absolute; bottom:0px; right:0; z-index:900;}
.idz-nav-next a{background:rgba(000, 000, 000, 0.4); display:inline-block; width:28px; height:28px; line-height:28px; text-align:center; color:#fff; font-size:12px; font-weight:300}

/* entry quote */
.idz-entry-content-quote{background:#48b5e9; min-height:175px; margin-bottom:30px; overflow:hidden}
.idz-entry-quote{
background:#fff url(../images/testi-bg.gif) repeat-y;
overflow:hidden; 
position:relative;
border:solid 1px #dbdcde;
border-width:1px 1px 1px 0;
padding:30px 40px 30px 50px;
min-height:175px;
}
.quote-note blockquote, .quote-note blockquote p, .quote-note blockquote cite{
font-size:18px;
font-family: 'Goudy Bookletter 1911', serif;
line-height:28px;
color:#b3b3b3;
font-style:normal;
padding:0;
}

.quote-note blockquote cite{padding:15px 0 0 0;}

.quote-note blockquote:before {
content:''; 
top:0;
left:0;
float:none;
}

/* entry video */
.idz-entry-content-video{background:#48b5e9; min-height:338px; margin-bottom:30px; overflow:hidden}
.idz-entry-video{
overflow:hidden;
min-height:338px;
}
.idz-entry-video .video-container-shortcode{margin-bottom:0;}

/* entry audio */
.idz-entry-content-audio{background:#48b5e9; min-height:100px; margin-bottom:30px; overflow:hidden}
.idz-entry-audio{
overflow:hidden;
background:#575757;
min-height:100px;
padding:35px 28px;
}

.idz-entry-audio .mejs-container {width:100% !important;}


/* entry link */
.idz-entry-content-link{background:#48b5e9; min-height:100px; margin-bottom:30px; overflow:hidden}
.idz-entry-link{overflow:hidden; padding:20px 0; color:#fff; display:block; vertical-align:bottom; font-size:24px;}
.idz-entry-link a, .idz-entry-link a:visited{color:#fff;}


.idz-entry-header{border-bottom:solid 3px #ebebeb; padding-bottom:9px; margin-bottom:20px; overflow:hidden}
.idz-entry-title{color:#525252; font-size:24px; font-weight:700; line-height:30px; margin-bottom:13px;}
.idz-entry-title a{color:#525252 !important;}
.idz-entry-meta{}
.idz-entry-meta ul{list-style-type:none; margin:0; padding:0;}
.idz-entry-meta ul li{display:inline-block; padding-right:30px; font-size:12px; color:#a8a8a8;}
.idz-entry-meta ul li i{color:#48b5e9; font-size:13px}
.idz-entry-meta ul li a{color:#a8a8a8;}
.idz-entry-meta ul li a:hover{color:#48b5e9}
.idz-entry-meta ul li span{padding-left:4px;}
.idz-entry-meta-date{color:#48b5e9; width:120px; text-align:center; float:left; min-height:140px}
.idz-entry-meta-date span{display:block;}
.idz-entry-meta-date .date-d{font-size:38px; font-weight:700; line-height:40px;}
.idz-entry-meta-date .date-m{font-size:18px; font-weight:400;}

.idz-entry-content{overflow:hidden;}

.more-link{font-weight:700;}
.more-link:after{
font-family: 'icomoon-idz';
content: "\e733";
font-weight:300;
font-size:16px;
padding-left:10px;
top:3px;
position:relative;
}


/* Social Share */
ul.idz-social-share{list-style-type:none; margin:0; padding:0; float:right}
ul.idz-social-share li{display:inline-block; font-size:16px; margin-left:5px}
ul.idz-social-share li a{color:#bdbdbd;}
ul.idz-social-share li a:hover{color:#48b5e9}


/* Blog Pagination */
.blog-pagination {
width:100%;
margin:0px 0px 30px 0px;
float:left;
}

.pages {
line-height:28px;
clear:left;
}

.blogpages {
margin:8px 0;
}

.pfpages {
margin:-15px 0 12px;
}

.pageof, .wp-pagenavi .pages, .wp-pagenavi .extend{
font-size:12px;
font-weight:300;
display:inline-block;
margin-right:3px !important;
margin-bottom:3px !important;
padding:7px 18px 7px 0px !important;
border:0 !important;
}

.pages a, .pages .current, .wp-pagenavi a, .wp-pagenavi .current{
font-size:14px;
font-weight:700;
text-transform:uppercase;
font-weight:normal !important;
display:inline-block;
color:#cacaca !important;
background: #fff; 
border: solid 2px #cacaca !important;
text-decoration:none;
margin:0 5px 5px 0 !important;
padding:6px 17px !important;
transition: background .25s ease-in-out;
-moz-transition: background .25s ease-in-out;
-webkit-transition: background .25s ease-in-out;
}

.pages a:hover, .pages .current, .wp-pagenavi a:hover, .wp-pagenavi .current {
color:#48b5e9 !important;
font-weight:normal !important;
margin:0 5px 5px 0 !important;
padding:6px 17px !important;
background:#fff;
border:2px solid #48b5e9 !important;
}

/* Sharing Social */
.sharing-box {
width:100%;
float:left;
margin:46px 0 15px 0;
padding:0px;
}

.share-facebook {
width:200px;
float:left;
}

.share-social {
margin-top:-35px;
float:right;
}

.share-social .circle-social li {
width:36px !important;
height:36px !important;
line-height: 38px !important;
}

/* Comment list */
#comment {
width:100%;
float:left;
padding:5px 0 8px;
}

.comment-text h5 {
margin-bottom:-2px;
}

#comment ol {
list-style-type:none!important;
margin:0;
padding:10px 0 0 0;
}

#comments ol ul.children {
margin:0px 0px 20px 60px;
}

.commentlist{padding-left:0;}
.commentlist li {
position:relative;
list-style:none;
line-height:22px;
list-style-position:outside;
}

.commentlist li small {
font-size:11px;
text-transform:uppercase;
}

.commentlist li p {
margin-top:10px;
}

.avatar {
width:64px;
height:64px;
position:absolute;
background-color:#e7e7e7;
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
top:4px;
left:0;
}

.avatar img {
width:64px;
height:64px;
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
}

.comment-text {
background-color:#fff;
margin-left:80px;
width:auto;
margin-bottom:20px;
padding:14px 20px 13px 20px;
border: solid 1px #e0e0e0;
box-shadow: 2px 2px 0px #f4f4f4;
}

.comment-people{display:block; font-weight:700; color:#525252}

a.comment-reply-link {float:right; margin-top:-30px;}

a.comment-reply-link, a.comment-reply-link:visited {
padding:1px 9px;
font-size:10px;
color:#fff !important;
text-decoration:none;
background:#48b5e9;
transition: background .25s ease-in-out;
-moz-transition: background .25s ease-in-out;
-webkit-transition: background .25s ease-in-out;
position:relative;
top:36px;
}

.comment-respond{margin-bottom:0px;}
.comment-respond fieldset{margin-bottom:0;}


#authorarea{
background: #fff; border: solid 1px #e0e0e0; margin: 0 0 50px 0; padding: 30px 25px 30px 25px; position:relative; box-shadow: 2px 2px 0px #f4f4f4;
}
#authorarea h3{
font-size: 18px;
margin:0;
padding:10px 10px 5px 10px;
}
#authorarea h3 a{
text-decoration:none;
font-weight: bold;
}
#authorarea img{
margin:0;
width: 64px;
height: 64px;
top:20px;
left:20px
}
#authorarea p{
margin:0;
padding:0px 10px 10px 10px;
}
#authorarea p a{}
.authorinfo{padding-left:80px;} 
.author-title{font-size:18px; font-weight:700;}

/* Comment form */
#reply-title, .comment-heading{font-size:18px; font-weight:700;}
#commentform-wrap {
width:70%;
margin-top:26px;
float:left;	
}

fieldset {
padding-top:10px;
border:0;
}

form#comment-form label {
font-size:13px;
line-height:38px;
width:37%;
margin-bottom:0px;
float:right;
clear:both;
}

form#comment-form input {
width:60%;
margin-bottom:15px;
float:left;	
}

form#comment-form textarea {
margin-bottom:15px;
overflow:hidden;
float:left;	
}

form#comment-form .buttoncontact, #submit{
background:#48b5e9;
width: auto !important;
margin-top:20px
}

form#comment-form .buttoncontact:hover {
background:#ff8b75;
}

form#comment-form em {
font-family:Arial, Helvetica, sans-serif;
color:#db4e43;
display:inline;
}



/* Sidebar styling */
.widget_area aside{margin-bottom:30px; clear:both}
.widget_title{
color:#525252;
font-size:24px;
font-weight:700;
position:relative;
overflow:hidden;
margin-bottom:30px;
}

.widget_title_line{position:absolute; top:15px; width:100%; height:3px; background:#ebebeb; margin-left:13px}

.widget_area ul{
margin-left:0;
padding-left:0;
position:relative
}

.widget_area ul li{
list-style-type:none;
padding-bottom:10px;
padding-left:25px;
position:relative;
}


.widget_area ul.children{margin:10px 0 0 15px;}
.widget_area ul.children li:last-child{padding-bottom:0; margin-bottom:0; border:0}

.widget_area ul li a{color:#848383;}
.widget_area ul li a:hover {color:#48b5e9; text-decoration:none;}
.widget_area ul li:before {
font-family:'icomoon-idz'; 
line-height:0px;
color:#48b5e9; 
content:'\e702'; 
font-size:12px;
position:absolute; 
left:0px;
top:13px;
border:0;
box-shadow:none;
}

/* Author Widget */
.widget_idz_author_widget .note{padding:20px 25px;}
.widget_idz_author_widget h4{ font-size:20px; font-weight:400}
.widget-author{margin-bottom:15px;}
.widget-author img {
width:90px;
height:90px;
border-radius: 100px;
position:relative;
border:solid 2px #4bb6e9;
}
.widget_idz_author_widget p{font-size:14px; color:#848383;}


/* Search Widget */
.widget_area #searchform input[type="text"]{ width:90%;}


/* Popular List */
ul.popular-list{position:relative;}
ul.popular-list li {list-style-type:none; position:relative; clear:both; width:100%; float:left; width:100%; margin-bottom:30px}
ul.popular-list li:last-child{margin-bottom:0;}
ul.popular-list li:before, #footer ul.popular-list li:before {content:''; margin-right:0px; top:0px; left:0px;}
ul.popular-list li a{
color:#848383;
text-decoration:none;
}
ul.popular-list li a:hover {text-decoration:none;}
ul.popular-list li p.popular-title a{text-transform:capitalize;}
ul.popular-list li p.popular-title {
font-size:14px;
font-weight:400;
line-height:24px;
margin:0 0 8px 0;
}
ul.popular-list li img {
margin:0 20px 0 0;
float:left;
position:relative;
}
ul.popular-list li, #footer ul.popular-list li {
list-style-type:none;
padding:0;
}
ul.popular-list li .comment-count {
font-size: 11px;
text-decoration:none;
text-transform:uppercase;
color:#48b5e9;
}

ul.popular-list li .comment-count a, ul.popular-list li .comment-count a:visited{color:#48b5e9;}

.popularcoltext{overflow:hidden;}





/* Tag Cloud */
.idz-tag-cloud {
font-size:13px;
width:100%;
text-transform:uppercase
}

.idz-tag-cloud a, .idz-tag-cloud a:visited {
display:block;
color:#bfbebe !important;
border:solid 1px #e0e0e0;
text-decoration:none;
float:left;
margin:0 8px 8px 0;
padding:1px 9px 2px 9px;
transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
}

.idz-tag-cloud a:hover {
display:block;
color:#fff !important;
background-color:#858585;
text-decoration:none;
float:left;
margin:0 8px 8px 0;
padding:1px 9px 2px 9px;
border:1px solid #858585;
}

.archive-count{
display: inline-block;
margin-left:7px;
padding: 3px 6px;
font-size: 11px;
line-height: 14px;
color: #fff !important;
background-color: #48b5e9;
position:relative;
top:-1px;
}

/* Facebook Widget */
.fb-like-box {
background:#fff;
width:100%;
padding:20px;
border:solid 1px #e0e0e0;
box-shadow: 2px 2px 0px #f4f4f4;
}

/* Latest Tweets */
.widget_latest_tweets_widget{}
.latest-tweets ul li{background:#f3f3f3; padding:20px; margin-bottom:15px; color:#a1a1a1; font-size:13px; font-weight:300;}
.latest-tweets ul li:last-child{margin:0;}
.latest-tweets ul li a{color:#48b5e9;}
.latest-tweets ul li:before{content:""; padding:0; left:0}
.latest-tweets p{margin:0;}
.latest-tweets .tweet-details{display:none;}


/*======================================================================================= PORTFOLIO DETAIL STYLING =======================================================================================*/
/* Portfolio Detail */
.idz-single-pfslider, .idz-single-image, .idz-single-video{margin-bottom:40px;}
.idz-pfslingle-nav{position:absolute; bottom:0; right:0; z-index:200; background:#48b5e9; padding:10px 10px 5px 10px}
.idz-pfslingle-nav i{color:#fff; cursor:pointer; padding:0 5px 0 5px; font-size:18px; line-height:18px}
.idz-pfrelated{margin-bottom:30px; font-weight:700}
.idz-pfrelated{font-size:18px; border-bottom:solid 3px #ebebeb; padding-bottom:22px; margin-bottom:36px;}
.pf-related li{margin-right:-1px; overflow:hidden}
#idz-pfrelated-container hr{margin:30px 0 60px 0;}
.idz-single-pfslider img{ display: none }
.idz-single-pfslider img:first-child { display: block }



/*======================================================================================= FOOTER STYLING =======================================================================================*/

#footer {
width:100%;
background:#575757 url(../images/bg-map.png) no-repeat top right;
margin:0 auto;
padding:48px 0 16px 0;
}

#footer .widgets {color:#a5a5a5;}
#footer .widget_title{font-size:18px; font-weight:700; color:#ffffff; margin-bottom:24px;}
#footer aside{margin-bottom:30px;}
#footer aside:last-child{margin-bottom:0;}
#footer ul{
list-style-type:none;
margin:0;
padding:0;
}
#footer ul li{
border-bottom:solid 1px #6a6a6a;
padding-bottom:7px;
margin-bottom:7px;
color:#a5a5a5;
position:relative;
padding-left:25px;
}

#footer ul li:before{
font-family: 'icomoon-idz';
content: "\e72b";
font-size:12px;
font-weight:300;
position:absolute; 
left:0px;
top:3px;
}

#footer ul li a, #footer ul li a:visited {
line-height:24px;
color:#a5a5a5;
text-decoration:none;
}

#bottom{
background:#474747;
padding:0 0;
position:relative;
height:65px;
line-height:65px;
}
#bottom .row, #bottom .column, #bottom p{padding-bottom:0; margin-bottom:0; font-size:12px;}


/***** Flickr *****/
ul#flck-thumb { margin:0; padding:0; list-style-position:none}
ul#flck-thumb li{border:0; padding:0; display:inline-block; padding:0; margin-right:14px;}
ul#flck-thumb li.no-image{margin:0; padding:0;}
ul#flck-thumb li img{
width:62px;
height:62px;
border:solid 5px #474747;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: 0.2s ease;
-moz-transition: 0.2s ease;
-ms-transition: 0.2s ease;
-o-transition: 0.2s ease;
transition: 0.2s ease;                 
}
ul#flck-thumb li img:hover{
border:solid 0px #474747;
-webkit-transition-duration:0.5s;
-moz-transition-duration:0.5s;
-ms-transition-duration:0.5s;
-o-transition-duration:0.5s;
transition-duration:0.5s;
}
ul#flck-thumb li:before {content:'';}

#flickr-noscript { display:none; }



/***** Video *****/
#pf-video-wrapper{}
.video-container{
position: relative;
padding-bottom: 56.25%; /* 16:9 */
height: 0;
margin-bottom:20px;
}

.video-container iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

/***** To Top *****/
#toTop {
position:absolute;
right:0;
top:0;
width:65px;
height:65px;
background-color:#48b5e9;
font-size:18px;
color:#fff;
z-index:190;
text-align:center;
cursor:pointer
}

#toTop i {
position:relative;
top:0px;
}

#toTop:active, #toTop:focus {
outline:none;
}