#grad1 {
    height: 100%;
    background: black; /* For browsers that do not support gradients */
    background: linear-gradient(to right, rgb(9, 58, 88) 15% , white 55%); /* Standard syntax (must be last) */
}
.imglogo {
    height: 100%;
    width: auto;
    height: 75px;
    margin-left: -50px;
}
.logoText {
    font-family: Amaranth;
    color: #dfba77;
    font-weight: 500;
    margin: -17px auto;
}


body{height: auto !important; }
img{width: 100%;position: relative;}
h1, h2, h3, h4, h5, h6 {color: #333333;font-family: inherit;font-weight: 400;}
h1 {font-size: 18px;line-height: 1.25em;}
h2 {font-size: 26px;line-height: 1.38462em;}
h2 a {font-weight: 400;}
h3 {font-size: 20px;line-height: 1.30435em;}
h4 {font-size: 17px;line-height: 1.375em;}
h5 {font-size: 15px;line-height: 1.375em;}
h6 {font-size: 13px;line-height: 1.53846em;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: #333333;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color: #f1c40f;}
a:hover{
  text-decoration: none !important;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
  transition: all 0.25s linear;
}

.not-ie a {-webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;}
.bwWrapper {position:relative;display:block;}
.wrapper{position: relative;}
.shadow:after {
    background:url("../img/shadow.png") no-repeat scroll 50% -11px rgba(0, 0, 0, 0);
    bottom: -13px;
    content: "";
    height: 13px;
    position: absolute;
    width: 100%;
}


/*-------------------------------------------------*/
/* =  Header
/*-------------------------------------------------*/
.top_head {
    background: #fff;
    position: relative;
    z-index: 1200;
    border-bottom: 1px solid #ededed;
    -webkit-transition: height 0.25s fadeInUp 0.1s;
    -moz-transition: height 0.25s fadeInUp 0.1s;
    -o-transition: height 0.25s fadeInUp 0.1s;
    -ms-transition: height 0.25s fadeInUp 0.1s;
    transition: height 0.25s fadeInUp 0.1s;
}
.head {z-index: 1001;position: relative;}
.navbar_brand {
    float: left;
    margin: 10px auto;
    position: relative;
    text-align: center;
}
.navbar_brand img {
    margin: 4px auto;
    max-width: 100%;
    position: relative;
    text-align: center;
    width: auto;
}
.top_head p {
    float: left;
    color:#777;
    line-height:40px;
}
.top_contact {
    margin: 0 auto;
    padding: 0;
    position: relative;
}
.top_contact li p {
    font-size: 12px;
    margin-bottom: 0;
}
.top_contact > li:before{
    font-family: FontAwesome;
    color:#777777;
    line-height:40px;
    left:0;
    position: relative;
    float: left;
    padding-right:7px;
}
.top_contact > li.t_phone:before{content:"\f095";}
.top_contact > li.t_mail:before{content:"\f0e0";}
.top_contact > li:last-child{border-right: none;}
.top_contact > li {
    display: block;
    float: left;
    overflow: hidden;
    padding: 0 10px;
}
.top_contact li:hover{background: #fff;cursor: default;} /*cursor: pointer;*/
.slider{background: #fff;}


/*-------------------------------------------------*/
/* =  Language Selector
/*-------------------------------------------------*/
#go_lang img {
    height: 12px;
    position: relative;
    top: 0;
    width: 18px;
}
.top_head #go_lang ul ul{padding: 5px 15px !important;}
.top_head #go_lang li{
    width: auto;
    display: block;
}
.top_head #go_lang li.active{border-left:1px solid transparent; border-right:1px solid transparent;}
.top_head #go_lang li.active:hover{
    background: #ffffff;
    cursor: pointer;
    border-left:1px solid #eaeaea;
    border-right:1px solid #eaeaea;
}
.top_head #go_lang{
    float: left;
    font-family: inherit;
    padding: 0;
    position: relative;
    z-index: 2500;
}
.top_head #go_lang.right {float: right !important;}
.top_head #go_lang ul > li > a{
    float: none;
    padding: 0 15px !important;
    width: auto;
}
.top_head #go_lang > ul > li:hover{border-bottom: medium none !important;}
.top_head #go_lang > ul > li > a{
    color: #777777 !important;
    font-size: 12px;
    line-height: 40px !important;
    z-index: 2500;
}
.top_head #go_lang > ul > li > a:hover{color: #f1c40f !important;}
.top_head #go_lang > ul > li > a:hover,
.top_head #go_lang > ul > li:hover > a{top: 0;}
.top_head #go_lang ul > li ul > li{padding: 0 !important;}
.top_head #go_lang ul > li a.go_lang_sel{
    background: none repeat scroll 0 center rgba(0, 0, 0, 0);
    border: 0 none;
    padding: 0;
}
.top_head #go_lang .go_lang_sel:after {content: "";font-family: 'FontAwesome',sans-serif;}
.top_head #go_lang ul ul{
    background-color: #FFFFFF;
    border: 1px solid #EAEAEA;
    border-top: none;
    border-radius: 0 0 2px 2px;
    height: auto;
    right: 0;
    position: absolute;
    top: auto;
    display: none;
    width: 150px;
    z-index: 2500;
}
.top_head #go_lang ul li ul li a, 
.top_head #go_lang ul li ul li a:visited{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 center rgba(0, 0, 0, 0);
    border-color: -moz-use-text-color -moz-use-text-color #EAEAEA;
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 1px;
    color: #C4C4C4;
    display: block;
    font-size: 11px;
    font-weight: 600;
    line-height: 34px;
    padding: 0 !important;
    white-space: nowrap;
}
.top_head #go_lang ul li ul li:last-child a{border-bottom: 0 none;}
.top_head #go_lang ul li ul li a:hover{color: #f1c40f;}
.top_head #go_lang_list {
    float: left;
    font-family: inherit;
    height: auto;
    width: auto;
}
.top_head #go_lang img{
    display: inline;
    float: none;
    opacity: .6;
    margin-right: 5px;
    position: relative;
}
.top_head #go_lang:hover img{opacity: 1;}



/*-------------------------------------------------*/
/* =  CONTENT Style
/*-------------------------------------------------*/
.content{
    padding: 10px 0;
    position: relative;
    z-index: 100;
}
.content.about_page{
    padding: 0px 0 60px;
    position: relative;
}
.content .row{
    position: relative;
    /*margin-bottom: 30px;*/
}
.sub_content{
    padding: 30px 0;
    position: relative;
}
.content_inner{
    padding: 20px 0;
    position: relative;
}
.mrgb_20{
    margin-bottom: 20px !important;
}
.mrgb_30{
    margin-bottom: 30px !important;
}
.mrgb_40{
    margin-bottom: 40px !important;
}

.about_desc > p:last-child {
    margin-bottom: 0;
}
#go_lang > ul {
    margin: 0;
}


/*-------------------------------------------------*/
/* =  SOCIAL MEDIA
/*-------------------------------------------------*/
.social_media {
    float: right;
    list-style-type: none;
    margin: 0;
    padding:0;
    margin-right:0;
}
.social_media li { float:left; }
.social_media li a {
    color: #777;
    display: block;
    line-height: 40px;
    position: relative;
    text-align: center;
    text-indent: -500em;
    width: 40px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}   
.social_media li a:hover,
.social_media li a:focus a{
    text-decoration:none;
    color: #fff !important;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

.social_media li a:before {
    font-family: 'FontAwesome';
    speak: none;
    font-style: normal;
    font-weight: normal;
    text-indent: 0em;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 15px;
    -webkit-font-smoothing: antialiased;
}

.social_media li .fa.fa-rss:focus,
.social_media li .fa.fa-rss:hover {background-color:#F90 !important}
.social_media li .fa.fa-facebook:focus,
.social_media li .fa.fa-facebook:hover {background-color:#3B5998 !important}
.social_media li .fa.fa-twitter:focus,
.social_media li .fa.fa-twitter:hover {background-color:#9AE4E8 !important}
.social_media li .fa.fa-pinterest:focus,
.social_media li .fa.fa-pinterest:hover {background-color:#C92228 !important}
.social_media li .fa.fa-linkedin:focus,
.social_media li .fa.fa-linkedin:hover {background-color:#007bb6 !important}
.social_media li .fa.fa-google-plus:focus,
.social_media li .fa.fa-google-plus:hover {background-color:#d34836 !important}
.social_media li .fa.fa-dribbble:hover {background-color:#E46387 !important}
.social_media li .fa.fa-tumblr-square:hover {background-color:#4D7EA3 !important}
.social_media li .fa.fa-instagram:hover {background-color:#4D4F54 !important}
.social_media li .fa.fa-skype:hover {background-color:#36C4F3 !important}
.social_media li .fa.fa-vimeo-square:hover {background-color:#87D3E0 !important}



/*-------------------------------------------------*/
/* =  Follow me Social Media
/*-------------------------------------------------*/
.follow_me {
    margin: 15px auto 0;
    padding:0;
    position: relative;
    float:left;
}
.follow_me li {
    float:left;
    margin:0 2px;
    list-style-type: none;
}

.follow_me li a {
    color: #ffffff;
    background: #f1c40f;
    border-radius: 2px;
    display: block;
    line-height: 35px;
    position: relative;
    text-align: center;
    text-indent: -500em;
    width: 35px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}
.follow_me li a:hover,
.follow_me li a:focus a{
    text-decoration:none;
    color: #fff !important;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}
.follow_me li a:before {
    font-family: 'FontAwesome';
    speak: none;
    font-style: normal;
    font-weight: normal;
    text-indent: 0em;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 15px;
    -webkit-font-smoothing: antialiased;
}

.follow_me li .fa.fa-rss:focus,
.follow_me li .fa.fa-rss:hover {background-color:#F90 !important}
.follow_me li .fa.fa-facebook:focus,
.follow_me li .fa.fa-facebook:hover {background-color:#3B5998 !important}
.follow_me li .fa.fa-twitter:focus,
.follow_me li .fa.fa-twitter:hover {background-color:#9AE4E8 !important}
.follow_me li .fa.fa-pinterest:focus,
.follow_me li .fa.fa-pinterest:hover {background-color:#C92228 !important}
.follow_me li .fa.fa-linkedin:focus,
.follow_me li .fa.fa-linkedin:hover {background-color:#007bb6 !important}
.follow_me li .fa.fa-google-plus:focus,
.follow_me li .fa.fa-google-plus:hover {background-color:#d34836 !important}
.follow_me li .fa.fa-dribbble:hover {background-color:#E46387 !important}
.follow_me li .fa.fa-tumblr-square:hover {background-color:#4D7EA3 !important}
.follow_me li .fa.fa-instagram:hover {background-color:#4D4F54 !important}
.follow_me li .fa.fa-skype:hover {background-color:#36C4F3 !important}
.follow_me li .fa.fa-vimeo-square:hover {background-color:#87D3E0 !important}




/*-------------------------------------------------*/
/* =  SOCIAL MEDIA WIDGET
/*-------------------------------------------------*/
.social_widget_footer {
    list-style-type: none;
    margin: 0;
    padding:0;
    margin-right:0;
}
.social_widget_footer li {
    float:left;
    margin-right: 3px;
    margin-bottom: 3px;
}

.social_widget_footer li a {
    color: #fff;
    border:1px solid #AAAAAA;
    display: block;
    height: 35px;
    line-height: 35px;
    position: relative;
    text-align: center;
    text-indent: -500em;
    width: 35px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    border-radius: 2px; 
}   

.social_widget_footer li a:hover,
.social_widget_footer li a:focus a{
    text-decoration:none;
    color: #fff !important;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

.social_widget_footer li a:before {
    font-family: 'FontAwesome';
    speak: none;
    font-style: normal;
    font-weight: normal;
    text-indent: 0em;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 15px;
    -webkit-font-smoothing: antialiased;
}

.social_widget_footer li .fa.fa-rss:focus,
.social_widget_footer li .fa.fa-rss:hover {background-color:#F90;border-color:#F90;}
.social_widget_footer li .fa.fa-facebook:focus,
.social_widget_footer li .fa.fa-facebook:hover {background-color:#3B5998;border-color:#3B5998;}
.social_widget_footer li .fa.fa-twitter:focus,
.social_widget_footer li .fa.fa-twitter:hover {background-color:#9AE4E8;border-color:#9AE4E8;}
.social_widget_footer li .fa.fa-pinterest:focus,
.social_widget_footer li .fa.fa-pinterest:hover {background-color:#C92228;border-color:#C92228;}
.social_widget_footer li .fa.fa-linkedin:focus,
.social_widget_footer li .fa.fa-linkedin:hover {background-color:#007bb6;border-color:#007bb6;}
.social_widget_footer li .fa.fa-google-plus:focus,
.social_widget_footer li .fa.fa-google-plus:hover {background-color:#d34836;border-color:#d34836;}




/*-------------------------------------------------*/
/* =  Feature Box
/*-------------------------------------------------*/
.feature_box {
    margin: 0 auto;
    position: relative;
    text-align: center;
}

.feature_box_2 {
    margin: 0 auto;
    position: relative;
    text-align: left;
}
.services_box_image {
    margin: 0 auto;
    position: relative;
    text-align: left;
}
.fb_icon {
    margin: 0 auto;
    position: relative;
    text-align: center;
}
.feature_box_2 .fb_icon {
    margin: 0 15px auto auto;
    position: relative;
    text-align: center;
    float: left;
}

.feature_box_2 .fb_content {
    position: relative;
    overflow: hidden;
}

.feature_box_2 .header > h3 {
    margin: 0 auto 10px;
    font-size: 18px;
}
.feature_box .header > h3 {
    margin: 0 auto 10px;
}
.services_box_image .header > h3{
    font-size: 18px;
    font-weight: 600;
}
.services_box_image .fb_content > p{
    color: #6e6e6e;
}

.fb_icon i {
    font-size: 28px;
    color: #ffffff;
    background: #404547;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    border-radius: 100%;
    width: 70px;
    height: 70px;
    line-height:72px;
    display: block;
    margin: 0 auto;
}
.feature_box_2 .fb_icon i {
    font-size: 22px;
    color: #ffffff;
    background: #404547;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    line-height:52px;
    display: block;
    margin: 0 auto;
}

.fb_icon i:after {
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    transition: transform 0.2s, opacity 0.2s;
}

.fb_icon i:hover:after {
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
    opacity: 0.5;
}
.feature_box:hover,
.feature_box_2:hover{
  cursor: pointer;
}
.feature_box:hover i ,
.feature_box_2:hover i {
    background: #f1c40f;
    color: #fff;
}

.fb_content > p {color: #6E6E6E;}
.feature_box .header h3 {
    font-size: 18px;
    text-transform: capitalize;
    color: #404547;
    font-weight: 600;
    margin: 25px auto 15px;
}
a.more:after{
    font-family: FontAwesome;
    content: "\f105";
    font-size: 16px;
    color: #404547;
    bottom:-1px;
    position: relative;
    left: 2%;

}
a.more{ color: #404547; font-weight: 400;}
a.more:hover{
    text-decoration: none;
    color: #000;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}
a.more:hover:after{
    left: 3%;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    color: #404547;
}



/*-------------------------------------------------*/
/* =  Separator
/*-------------------------------------------------*/
.separator {
    height: 1px;
    background: #e6e6e6;
    position: relative;
}

/*-------------------------------------------------*/
/* =  Action Box
/*-------------------------------------------------*/
.action-box{
    padding: 20px 0;
    background: #f1c40f;
    color: #fff;
    z-index: 900;
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom:-5px;
}
.action-box h3 {
    color: #FFFFFF;
    font-weight: 700;
    font-size: 22px;
    margin: 15px auto 5px;
}
.action-box p {
    font-size: 15px;
    font-weight: 500;
    margin: 0 auto 10px;
}
.action-box a.btn {
    margin-top: 18px;
}
.action-box-2{
    position: relative;
    padding: 30px 0;
    background: #efefef;
    display: inline-block;
    min-width: 100%;
    color: #444;
    margin: 0 auto;
    border:1px solid #eaeaea;

}
.action-box-2 h3 {
    color: #444;
    display: block;
    font-weight: 700;
    font-size: 20px;
    margin: 0 auto 5px;
}
.action-box-2 p {
    font-size: 14px;
    margin: 0 auto;
}
.action-box-2 a.btn {
    margin-top: 5px;
}



/*-------------------------------------------------*/
/* =  Title Content
/*-------------------------------------------------*/
.title_content {
    margin-bottom: 20px;
    position: relative;
 
}
.title_content h3 {
    color: #404547;
    font-size: 19px;
    line-height: normal;
    margin-bottom: 0;
    margin-top: 0;
    font-family: Open Sans, sans-serif;
    text-transform: capitalize;
    font-weight: 600;
}
.title_content i {
    float: left;
    font-size: 25px;
    font-weight: lighter;
    margin-right: 15px;
    position: relative;
}


/*-------------------------------------------------*/
/* =  Widget Title
/*-------------------------------------------------*/
.widget .title {
    margin-bottom: 15px;
    position: relative;
    border-bottom: 1px solid #eaeaea;
 
}
.widget .title h3 {
    color: #404547;
    font-size: 16px;
    line-height: 44px;
    margin-bottom: 0;
    margin-top: 0;
    font-family: Open Sans, sans-serif;
    text-transform: capitalize;
    font-weight: 600;
}
.widget .title h3:before {
    background: none repeat scroll 0 0 #f1c40f;
    content: "";
    height: 3px;
    width: 50px;
    position: absolute;
    left: 0;
    bottom: -2px;
}



/*-------------------------------------------------*/
/* =  Title Content Center
/*-------------------------------------------------*/
.title_content_center {
    display: block;
    margin: 0 auto 90px;
    position: relative;
    text-align: center;
}
.title_content_center > h3 {
    font-size: 30px;
    font-weight: 600;
    line-height: 50px;
    margin: 0 auto 10px;
}
.title_content_center > p {
    font-size: 16px;
    color: #8e8e8e;
    font-weight: 400;
    margin: 0 auto;
    width: 75%;
}
.title_content_center:after {
    background: none repeat scroll 0 0 #404547;
    bottom: -25px;
    content: " ";
    height: 2px;
    left: 45%;
    position: absolute;
    right: auto;
    top: auto;
    width: 100px;
    z-index: 999;
}


/*-------------------------------------------------*/
/* =  Title Mega Menu
/*-------------------------------------------------*/
.title_wmm { margin-bottom: 10px; position: relative; }
.title_wmm > h3 {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.6;
    margin: 0 auto;
}


/*-------------------------------------------------*/
/* =  Title WIDGET 
/*-------------------------------------------------*/
.widget_title {
    margin-bottom: 15px;
    position: relative;
}
.widget_title h3 {
    color: #ffffff;
    font-size: 17px;
    line-height: 24px;
    margin-bottom: 0;
    margin-top: 0;
    font-family: Roboto, sans-serif;
    text-transform: capitalize;
    font-weight: 500;
}

.title_content > p {
    width: 75%;
    margin: 0 auto;
    font-size: 16px;
    line-height: 26px;
}






/*-------------------------------------------------*/
/* =  Page Head Title
/*-------------------------------------------------*/
#parallax{
    background-attachment: fixed;
    background-repeat: no-repeat;
    position: relative;
    background-image: url(../img/section/01.jpg);
}
.page_head{
    padding:7px 0;
    background-image: url(../img/section/01.jpg);
    z-index: 120;
}
.page_title {
    display: block;
    float: left;
    position: relative;
}
.page_head h2 {
    background: none repeat scroll 0 0 #333333;
    color: #FFFFFF;
    display: inline-block;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 5px;
    margin-top: 0;
    padding: 6px 15px 7px;
    position: relative;
}
.page_title > p {
    background: none repeat scroll 0 0 #ffffff;
    color: #333;
    padding: 6px 10px;
    position: relative;
    margin-bottom: 0;
}




/*-------------------------------------------------*/
/* =  Breadcrumbs
/*-------------------------------------------------*/
#breadcrumbs ul {
    background: none repeat scroll 0 0 #404547;
    float: right;
    font-size: 12px;
    margin-top: 30px;
    padding: 6px 10px;
    position: relative;
}
#breadcrumbs ul li {
  display: inline-block;
  color: #ffffff;
  padding: 0 10px 0 0;
  margin: 0 0 0 5px;
  background: url("../img/breadcrumbs.png") no-repeat scroll right center rgba(0, 0, 0, 0);
}

#breadcrumbs ul li:last-child a,
#breadcrumbs ul li a { color: #ffffff; }
#breadcrumbs ul li a:hover { color: #f1c40f; }
#breadcrumbs ul li:first-child { padding-right: 0; margin-left: 0; }
#breadcrumbs ul li:first-child{ color: #d8d8d8; background: none; }
#breadcrumbs ul li:last-child { color: #f1c40f; background: none;}
#breadcrumbs ul li:last-child { padding:0; background: none; }




/*-------------------------------------------------*/
/* =  Button Customize
/*-------------------------------------------------*/
.btn-white {
    color: #333333;
    background-color: #ffffff;
    border-color: #ffffff;
    padding:10px 15px;
}
.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active,
.open .dropdown-toggle.btn-white {
    color: #fff;
    background-color: #333;
    border-color: #333;
}
.btn-white:active,
.btn-white.active,
.open .dropdown-toggle.btn-white { background-image: none;}
.btn-white i{margin-right: 10px; }

.btn-primary {
    color: #ffffff;
    background-color: #f1c40f;
    border-color: #f1c40f !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    color: #ffffff;
    background-color: #404547;
    border-color: #404547;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary { background-image: none; }
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #428bca;
    border-color: #357ebd;
}

.btn-primary.dark {
    color: #ffffff;
    background-color: #404547 !important;
    border-color: #404547 !important;
    padding:10px 12px;
}
.btn-primary.dark:hover,
.btn-primary.dark:focus,
.btn-primary.dark:active,
.btn-primary.dark.active,
.open .dropdown-toggle.btn-primary.dark {
    color: #ffffff;
    background-color: #f1c40f !important;
    border-color: #f1c40f !important;
}
.btn-primary.dark:active,
.btn-primary.dark.active,
.open .dropdown-toggle.btn-primary.dark { background-image: none; }
.btn-primary.dark i{ margin-right: 8px;}



/*-------------------------------------------------*/
/* ==  Work / PORTFOLIO
/*-------------------------------------------------*/
    /*-------------------------------------------------*/
    /* =  Recent Work
    /*-------------------------------------------------*/

    .rw_container{
        position: relative;
    }
    .rw_container ul{
        position: relative;
        opacity: 1 !important;
    }
    .recent_work{
      margin: auto -10px;
      position: relative;
    }

    .rw_container h3.rps_main_title {margin: 25px 0 23px 0; }
    .rw_container h3.rps_main_title,
    .rw_container h3.rps_main_title a {
      color: #323232; }

    .recent_work li{
        list-style: none;
        position: relative;
    }

    .recent_work .rw_content{
        margin: 0 10px; 
        position: relative;
    }
    .rw_content{
        position: relative;
    }

    .recent_work .rw_img {
      min-width: 100%;
      width: 100%;
      display: block; 
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
    }

    .recent_work .rw_votes{
      float: right;
      margin: 10px auto 0; 
    }

    .recent_work .rw_votes:hover{
      cursor: pointer; }

    .recent_work .rw_votes_icon{
      float: left;
      line-height: 20px;
      font-size: 12px;
      color: #777;
      margin: 0 5px 0 0; 
    }
    .recent_work .rw_votes_count{
      float: left;
      line-height: 20px;
      color: #777; 
    }
    .recent_work .rw_votes_icon:hover,
    .recent_work .rw_votes_count:hover{
        color: #444;
    }

    .recent_work h3.rw_title {
      font-size: 14px;
      margin: 0 auto;
      padding: 0 50px 0 0; 
    }
    .recent_work h3.rw_title a{
      color: #333;
      font-weight: 600;
    }

    .recent_work .rw_cat,
    .recent_work .rw_cat a{
      color: #888; 
      font-weight: 400;
      line-height: 24px;
      text-transform: capitalize;
      font-size: 12px;
    }
    .recent_work .rw_cat a{}

    .recent_work .rw_cat a:hover{
        color: #333;
        text-decoration: none;
    }
    .recent_work .rw_content .rw_details:before{
        border-bottom: 8px solid #FFFFFF;
        border-left: 8px solid rgba(0, 0, 0, 0);
        border-right: 8px solid rgba(0, 0, 0, 0);
        content: "";
        display: block;
        height: 10px;
        position: absolute;
        top: -10px;
        width: 10px;
        z-index: 100;
    }

    .recent_work .rw_content:hover .rw_details:before{
        border-bottom-color: #f1c40f; 
        -webkit-transition: all 0.25s linear;
        -moz-transition: all 0.25s linear;
        -o-transition: all 0.25s linear;
        -ms-transition: all 0.25s linear;
        transition: all 0.25s linear;
    }





    .rw_details {
        padding: 15px;
        border:1px solid #efefef;
        position: relative;
        text-align: left;
    }
    .rw_content:hover .rw_details{
        background: #f1c40f;
        border-color: #f1c40f;
        -webkit-transition: all 0.25s linear;
        -moz-transition: all 0.25s linear;
        -o-transition: all 0.25s linear;
        -ms-transition: all 0.25s linear;
        transition: all 0.25s linear;

    }
    .rw_content:hover .rw_cat, 
    .rw_content:hover .rw_cat a,
    .rw_content:hover .rw_votes_icon,
    .rw_content:hover .rw_votes_count,
    .rw_content:hover .rw_details h3.rw_title a{ color: #fff; }
    .rw_content:hover .rw_details h3.rw_title a:hover, 
    .rw_content:hover .rw_cat a:hover,
    .rw_content:hover .rw_votes_icon:hover,
    .rw_content:hover .rw_votes_count:hover{ color: #404547 !important; }
    .rw_container .rps_controls {
        position: absolute;
        top: -44px;
        right: 10px; 
    }
    .rw_container .rps_controls a {
        width: 19px;
        height: 19px;
        float: left;
        display: block;
        position: static;
        margin: 0;
        text-indent: -9999px;
        background-color: #d8d8d8;
        background-image: url("./img/rps_arrows.png");
        background-repeat: no-repeat;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px; 
    }

    .rw_container .rps_controls .btn_prev { margin: 0 2px 0 0; background-position: 0 0; }
    .rw_container .rps_controls .btn_next { background-position: -30px 0; }
    .rw_container .rw_images {
        position: relative;
        overflow: hidden; 
        height: auto;
        display: block;
        vertical-align: baseline;
    }

    .rw_container .rw_hovering {
        text-align: center;
        height: 34px;
        margin: -17px 0 0 0;
        position: absolute;
        top: 50%;
        left: 0;
        right: 0; 
    }
    .rw_container .rw_images .hover_link,
    .rw_container .rw_images .hover_zoom {
        display: inline-block;
        width: 34px;
        height: 34px;
        background-image: url("../img/portfolio_hover.png");
        background-repeat: no-repeat;
        background-color: rgba(64, 69, 71, 0.89);
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px; 
    }

    .rw_container .rw_images .hover_link { margin: 0 4px; }
    .rw_container .rw_images .hover_zoom { background-position: -50px 0; }
    .rw_container .rw_images .rw_hoverBox {
        background-color: transparent;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        -webkit-transition: background-color 0.3s ease-out;
        -moz-transition: background-color 0.3s ease-out;
        -o-transition: background-color 0.3s ease-out;
        transition: background-color 0.3s ease-out; 
      }

    .rw_container .rw_content:hover .rw_hoverBox {
        background-color: rgba(255, 255, 255, 0.69); 
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .rw_container .rw_content:hover .rw_img {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
        -webkit-transition: all 1s ease-in-out;
        -moz-transition: all 1s ease-in-out;
        -o-transition: all 1s ease-in-out;
        -ms-transition: all 1s ease-in-out;
        transition: all 1s ease-in-out;
    }
    .rw_container .rw_content .rw_img {
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }

    .rw_container .rw_hoverBox .hover_link,
    .rw_container .rw_hoverBox .hover_zoom {
        position: relative;
        opacity: 0;
        top: 50px;
        -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);
        webkit-backface-visibility: hidden; 
    }

    .rw_container .rw_hoverBox .hover_link {
        -webkit-transition: top 0.3s ease-in-out, opacity 0.3s ease-in-out;
        -webkit-transition-delay: 0s, 0s;
        -moz-transition: top 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s;
        -o-transition: top 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s;
        transition: top 0.3s ease-in-out 0s, opacity 0.3s ease-in-out 0s; 
    }

    .rw_container .rw_hoverBox .hover_zoom {
        -webkit-transition: top 0.3s ease-in-out, opacity 0.3s ease-in-out;
        -webkit-transition-delay: 0.07s, 0.07s;
        -moz-transition: top 0.3s ease-in-out 0.07s, opacity 0.3s ease-in-out 0.07s;
        -o-transition: top 0.3s ease-in-out 0.07s, opacity 0.3s ease-in-out 0.07s;
        transition: top 0.3s ease-in-out 0.07s, opacity 0.3s ease-in-out 0.07s; 
    }
    .rw_container .rw_content:hover .hover_link,
    .rw_container .rw_content:hover .hover_zoom { opacity: 1; top: 0; }
    .rw_container .rw_hovering .hover_link:hover,
    .rw_container .rw_hovering .hover_zoom:hover { background-color: #f1c40f;}



    /*-------------------------------------------------*/
    /* =  Recent Work 2
    /*-------------------------------------------------*/
    .recent_work_2{ margin: 0 -10px; position: relative; }
    .recent_work_2 li { list-style: none; }
    .recent_work_2 .rw_content { margin: 0 auto 30px; }
    .recent_work_2 .rw_img {
      min-width: 100%;
      width: 100%;
      display: block; 
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
    }

    .recent_work_2 .rw_votes { float: right; margin: 10px auto 0; }
    .recent_work_2 .rw_votes:hover { cursor: pointer; }
    .recent_work_2 .rw_votes_icon {
        float: left;
        line-height: 20px;
        font-size: 12px;
        color: #777;
        margin: 0 5px 0 0; 
    }
    .recent_work_2 .rw_votes_count {
        float: left;
        line-height: 20px;
        color: #777; 
    }
    .recent_work_2 .rw_votes_icon:hover,
    .recent_work_2 .rw_votes_count:hover{ color: #444; }
    .recent_work_2 h3.rw_title {
      font-size: 14px;
      margin: 0 auto;
      padding: 0 50px 0 0; 
    }
    .recent_work_2 h3.rw_title a{ color: #333; font-weight: 600;}
    .recent_work_2 .rw_cat,
    .recent_work_2 .rw_cat a{
      color: #888; 
      font-weight: 400;
      line-height: 24px;
      text-transform: capitalize;
      font-size: 12px;
    }
    .recent_work_2 .rw_cat a:hover{ color: #333; text-decoration: none;}
    .recent_work_2 .rw_content .rw_details:before {
        border-bottom: 8px solid #FFFFFF;
        border-left: 8px solid rgba(0, 0, 0, 0);
        border-right: 8px solid rgba(0, 0, 0, 0);
        content: "";
        display: block;
        height: 10px;
        position: absolute;
        top: -10px;
        width: 10px;
        z-index: 100;
    }

    .recent_work_2 .rw_content:hover .rw_details:before {
        border-bottom-color: #f1c40f; 
        -webkit-transition: all 0.25s linear;
        -moz-transition: all 0.25s linear;
        -o-transition: all 0.25s linear;
        -ms-transition: all 0.25s linear;
        transition: all 0.25s linear;
    }

    .recent_work_2 .rw_details {
        padding: 15px;
        border:1px solid #efefef;
        position: relative;
    }
    .recent_work_2 .rw_content:hover .rw_details{
        background: #f1c40f;
        border-color: #f1c40f;
        -webkit-transition: all 0.25s linear;
        -moz-transition: all 0.25s linear;
        -o-transition: all 0.25s linear;
        -ms-transition: all 0.25s linear;
        transition: all 0.25s linear;

    }
    .recent_work_2 .rw_content:hover .rw_cat, 
    .recent_work_2 .rw_content:hover .rw_cat a,
    .recent_work_2 .rw_content:hover .rw_votes_icon,
    .recent_work_2 .rw_content:hover .rw_votes_count,
    .recent_work_2 .rw_content:hover .rw_details h3.rw_title a{ color: #fff; }
    .recent_work_2 .rw_content:hover .rw_details h3.rw_title a:hover, 
    .recent_work_2 .rw_content:hover .rw_cat a:hover,
    .recent_work_2 .rw_content:hover .rw_votes_icon:hover,
    .recent_work_2 .rw_content:hover .rw_votes_count:hover{ color: #404547;}


/*-------------------------------------------------*/
/* =  Social Share Content
/*-------------------------------------------------*/
.ss_options {
    display: block;
    margin: 0;
    padding: 0;
    top: 100%;
    visibility: hidden;
    width: 113px;
    z-index: 950;
    left: 0;
    position: absolute;
}
.sh_holder { display: inline; position: relative;}
.social_share_icon {
    background-image: url("../img/share.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    margin: 0 auto;
    position: relative;
    top: 2px;
    width: 13px;
    z-index: 900;
}
.sh_holder:hover .social_share_icon{ background-image: url("../img/share_2.png");}
.social_share_title {
    color: #404547;
    display: inline-block;
    padding: 0 0 0 5px;
}
.content_share {
    border-bottom: 1px solid #EAEAEA;
    border-top: 1px solid #EAEAEA;
    width: 100%;
    margin-top:20px;
}
.content_share a{color:#888;font-size: 13px;}
.content_share a:hover{color:#f1c40f}
.content_share .social_share,
.content_share .content_view,
.content_share .content_favorite,
.content_share .content_sendtomail{ display:inline-block; margin:0 10px;}
.content_share .social_share{
    margin:0 0 0 15px;
    display: inline-block;
    padding: 8px 0;
}

.ss_options ul {
    background-color: #ffffff;
    border: 1px solid rgba(170, 170, 170,0.15);
    border-radius: 2px;
    display: block;
    left: -16px;
    top: 8px;
    list-style: none;
    padding: 5px 12px;
    position: absolute;
    width: 120px;
    z-index: 999;
}
.ss_options ul li { border-bottom: 1px solid #EAEAEA; line-height: 30px;}
.ss_options ul li:last-child{ border-bottom: none;}
.ss_options ul li a i {
    margin-right: 10px;
    text-align: center;
    width: 10px;
}
.ss_options ul:before {
    border-color: rgba(170, 170, 170, 0) rgba(170, 170, 170, 0) #eaeaea;
    border-style: solid;
    content: "";
    border-width: 9px;
    display: block;
    height: 0;
    left: 50px;
    position: absolute;
    top: -18px;
    width: 0;
    z-index: 998;
}

.content_favorite,
.content_sendtomail,
.content_view {
    cursor: pointer;
    display: inline-block;
    float: left;
    margin: 35px 15px 0 0;
    padding: 8px 0;
    position: relative;
}
.content_favorite a i,
.content_view a i,
.content_sendtomail a i {
    margin-right: 3px;
    vertical-align: bottom;
}
.content_view a i{
    font-size: 18px !important;
    vertical-align: middle;
}

.content_favorite a, 
.content_view a, 
.content_sendtomail a {
    display: inline-block;
    font-size: 13px;
    color: #404547;
    line-height: 13px;
    text-align: center;
}






/*-------------------------------------------------*/
/* =  Portfolio 2 Columns
/*-------------------------------------------------*/
.portfolio_list{ position: relative; margin: 0 auto;}
.portfolio_list li { margin-bottom: 30px; position: relative;}
.portfolio_list .rw_img {
    min-width: 100%;
    width: 100%;
    display: block; 
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.portfolio_list .rw_votes { float: right; margin: 10px auto 0;}
.portfolio_list .rw_votes:hover { cursor: pointer; }
.portfolio_list .rw_votes_icon {
    float: left;
    line-height: 20px;
    font-size: 12px;
    color: #777;
    margin: 0 5px 0 0; 
}
.portfolio_list .rw_votes_count {
    float: left;
    line-height: 20px;
    color: #777; 
}
.portfolio_list .rw_votes_icon:hover,
.portfolio_list .rw_votes_count:hover{ color: #444;}
.recent_work h3.rw_title,
.portfolio_list h3.rw_title {
    font-size: 14px;
    margin: 0 auto;
    padding: 0 50px 0 0; 
}
.portfolio_list h3.rw_title a{ color: #333; font-weight: 600; }
.portfolio_list .rw_cat,
.portfolio_list .rw_cat a{
    color: #888; 
    font-weight: 400;
    line-height: 24px;
    text-transform: capitalize;
    font-size: 12px;
}
.portfolio_list .rw_cat a:hover{ color: #333; text-decoration: none;}
.portfolio_list .rw_content .rw_details:before {
    border-bottom: 8px solid #FFFFFF;
    border-left: 8px solid rgba(0, 0, 0, 0);
    border-right: 8px solid rgba(0, 0, 0, 0);
    content: "";
    display: block;
    height: 10px;
    position: absolute;
    top: -10px;
    width: 10px;
    z-index: 100;
}


.portfolio_list .rw_content:hover .rw_details:before {
    border-bottom-color: #f1c40f; 
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    transition: all 0.25s linear;
}





/*-------------------------------------------------*/
/* =  Portfolio SIngle
/*-------------------------------------------------*/
.content.single_portfolio{padding: 0 0 60px;}
.title_single_portfolio {
    border-bottom: 1px solid #E5E5E5;
    margin: 0 0 40px;
    padding: 30px 0;
}
.title_sp_left {float: left; }
.title_single_portfolio h2 {
    font-size: 29px;
    line-height: 30px;
    margin: 0;
    padding: 0;
}

.title_single_portfolio .title_sp_right {float: right;}
.title_single_portfolio .portfolio_nav .title_sp_prev { background-image: url("../img/portfolio_single_nav_prev.png"); }
.title_single_portfolio .portfolio_nav .title_sp_category { background-image: url("../img/portfolio_single_nav_category.png"); }
.title_single_portfolio .portfolio_nav .title_sp_next { background-image: url("../img/portfolio_single_nav_next.png"); }
.title_single_portfolio .portfolio_nav a {
    background-color: #404547;
    background-repeat: no-repeat;
    border-radius: 2px;
    display: block;
    float: left;
    height: 27px;
    margin: 2px 0 0 2px;
    width: 27px;
}
.title_single_portfolio .portfolio_nav a:hover{ background-color: #f1c40f;}
.sp_detail{ position: relative; margin-bottom: 30px; }
.sp_detail li {
    border-bottom: 1px solid #EAEAEA;
    line-height: 34px;
}
.sp_detail li span {
    color: #404547;
    font-size:13px;
    float: left;
    font-weight: 600;
    position: relative;
    width: 80px;
}
.sp_detail p { margin-bottom: 0;}
.sp_detail a { color: inherit;}
.sp_detail a:hover {color: #404547;}







/*-------------------------------------------------*/
/* =  BLOGGING
/*-------------------------------------------------*/
.lates_blog
.lates_blog_2,
ul {
    list-style: none;
    padding:0;
    margin: 0;
}
.blogTitle { margin: auto auto 10px; position: relative; }
.blogTitle > a h2 {
    font-family: open sans;
    font-size: 14px;
    margin-bottom: 5px;
    margin-top: 0;
    color: #404547;
    font-weight: 600;
    text-decoration: none;
    -webkit-transition: 0.25s;-moz-transition: 0.25s;-o-transition: 0.25s;transition: 0.25s;
}
.blogContent > p { line-height: 20px;}
.blogTitle > a:hover h2{color: #f1c40f;}
.blogTitle span {
    color: #777;
    cursor: pointer;
    font-family: open sans;
    font-size: 12px;
    line-height: 24px;
}
.blogTitle span i { padding-right: 2px; font-size: 11px; }
.blogTitle span:hover i { color: #777; }
.blogMeta {
    display: inline-block;
    padding: 5px 0 0;
    position: relative;
}
.blogMeta .social_share .sh_holder a{ padding: 10px 0; }
.blogMeta a {
    color: #777;
    font-family: open sans;
    font-size: 12px;
    line-height: 20px;
    margin-right: 15px;
    text-decoration: none;
}
.blogMeta a:hover, .blogTitle span:hover{color: #f1c40f}
.blogMeta a i{font-size: 12px; padding-right: 3px;}
.blogMeta a:hover i{color: #777;}
.blogDetail {
    border: 1px solid #EAEAEA;
    border-top:none;
    display: block;
    padding: 15px;
    position: relative;
}
.post_content_audio .jp-interface{ border-bottom: none; }
.post_content_video iframe {
    display: block;
    position: relative;
    width: 100%;
    box-shadow: none;
    border:none;
}
.blog_content_images {position: relative;}
.blog_content_images .blog-hover {
    background: none repeat scroll 0 0 rgba(255,255,255, 0.5);
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 120ms ease-in-out;-moz-transition: all 120ms ease-in-out;-o-transition: all 120ms ease-in-out;-ms-transition: all 120ms ease-in-out;transition: all 120ms ease-in-out;
    width: 100%;
}
.blog_content_images:hover .blog-hover{opacity: 1;}
.blog_content_images .blog-hover .icon {
    background: #404547;
    border-radius: 2px;
    display: block;
    height: 34px;
    margin: 25% auto 0;
    position: relative;
    -webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;
    color: #ffffff;
    width: 34px;
    text-align: center;
    font-size: 14px;
    line-height: 36px;
    top: 34px;
}
.blog_content_images .blog-hover:hover .icon{ top: 0;}
.blog_content_images .blog-hover .icon:hover{ background: #f1c40f; }
.blog_content_images .blog-hover p {
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
}


/*-------------------------------------------------*/
/* =  Recent Blog List Style
/*-------------------------------------------------*/
.rb_list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.rb_list li {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: solid 1px #eaeaea;
}
.rb_list li:last-child{ border-bottom: none;}
.rb_list li h5{ margin-bottom: 8px;}
.rb_list li h5 a {
  color: #404547;
  font-weight: 600;
  font-size: 16px;
}
.rb_list li h5 a:hover{color: #f1c40f;}
.rb_list li .rbl_content { padding-left: 70px;}
.rb_list li .read { display: block; margin-bottom: 5px;}
.rb_list li .info,
.rb_list li .info a{
    margin: 0;
    font-size: 12px;
    color: #aaa;
}
.rb_list li .info a:hover{ color: #404547;}
.rb_list img { position: absolute;}
.date-box {
    width: 50px;
    position: absolute;
    text-align: center;
}
.date-box .day {
    display: block;
    color: #fff !important;
    background: #404547;
    font-size: 26px;
}
.date-box .month {
    font-size:12px;
    display: block;
    color: #fff;
    background: #f1c40f;
}




/*-------------------------------------------------*/
/* =  WIDGETS - RECENT POSTS CUSTOM
/*-------------------------------------------------*/
.widget_title { margin-bottom: 10px; }
.widget .recent_posts_custom li, .widget .recent_posts_sidebar li { margin: 10px auto 10px; }
.widget .recent_post_media { float: left; padding: 6px 0 0 0; }
.recent_post_content { margin: 0 auto auto 65px; }
.recent_post_content a:hover{color: #888;}
.recent_post_image:hover {border-color: #c4c4c4; }
.recent_post_title {
  font-size: 12px;
  letter-spacing: 0;
  font-weight: 600;
  color: #fff; 
}
.recent_post_date {
  font-size: 11px;
  color: #eaeaea;
  margin: 1px auto 0; 
}
.recent_post_comments_number,
.recent_post_like_number {
  display: inline;
  font-size: 11px;
  color: #eaeaea; 
}

.recent_post_comments_number i,
.recent_post_like_number i {font-size: 11px;margin: 0 3px 0 0;}
.recent_post_comments_number {
  margin: 0 5px 0 0; 
}

/*-------------------------------------------------*/
/* =  WIDGETS - Tags
/*-------------------------------------------------*/
.widget_tags .tagcloud {padding: 11px 0 0 0; }
.widget_tags .tagcloud a {
    font-size: 11px !important;
    display: block;
    float: left;
    height: 24px;
    line-height: 24px;
    background-color: #303436;
    color: #ffffff;
    margin: 0 3px 3px 0;
    padding: 0 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px; 
}
.widget_tags .tagcloud a:hover {color: #ffffff; }
.recent_post_image img { max-width: 50px;}
.recent_post_image:hover img{opacity: .8;}



/* ===================================================== */
/* FLICKR                        */
/* ===================================================== */
.flickr {margin-top: 20px;text-align: left;}
.flickr-feed {overflow: hidden;padding:0;}
.flickr-feed li {
    display: inline-block;
    margin: 0 8px 4px auto;
    position: relative;
    z-index:0;
    width:50px;
    height:50px;
    overflow: hidden;
}
.flickr-feed li img {
    margin: 0 8px 8px 0;
    width: 50px;
    height: 50px; 
    overflow: hidden;
    box-shadow:none;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
  }
.flickr-feed li:hover img{
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
}

.flickr-feed li a {display: block;overflow: hidden;position: absolute;width: 50px;height: 50px;
    filter: alpha(opacity=100); /* internet explorer */  
    -khtml-opacity: 1;      /* khtml, old safari */  
    -moz-opacity: 1;       /* mozilla, netscape */  
    opacity: 1;           /* fx, safari, opera */  
}
.flickr-feed li .hover {position: absolute;width: 50px;height: 50px;background: #f1c40f;opacity: 0;filter: alpha(opacity=0);-webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;-ms-transition-duration: 0.4s;-o-transition-duration: 0.4s;transition-duration: 0.4s;z-index:10;
}
.flickr-feed li a:hover .hover {opacity: 0.8;filter: alpha(opacity=80);}
.flickr-feed li a i {
    display: block;
    position: absolute;
    width: 50px;
    height: 50px;
    font-size: 18px;
    color: white;
    line-height: 2.8;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 11;
    -webkit-font-smoothing: antialiased;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    text-align:center;
}
.flickr-feed li a:hover i {
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}




/*-------------------------------------------------*/
/* =  Twitter List
/*-------------------------------------------------*/
.tweet_list {
    padding: 0;
    position: relative;
    margin:0 auto;
}
.tweet_list li { color: #FFFFFF; list-style: none outside none;}
.tweet_list li i {
    float: left;
    font-size: 16px;
    line-height: 20px;
    padding-right: 8px;
    position: relative;
}
.tweet_list li p {
    font-family: open sans;
    font-size: 12px;
    line-height: 20px;
    overflow: hidden;
    margin-bottom:5px;
}
time {
    font-family:Open Sans;
    font-size: 10px;
    color:#888;
    font-weight: 600;
}
.tweet_list li p a:hover{color:#888;}
.tweet_list li p a {
    color: #FFFFFF;
    font-weight: 600;
    font-size: 12px
}





/*-------------------------------------------------*/
/* =  Testimonial - Slider
/*-------------------------------------------------*/
.testimoni{list-style: none; padding: 0; }
.testimoni_container { margin: 0 0 30px;  }
.testimoni_container .testimoni_user_photo {
    float: left;
    margin: -6px 0 0 0; 
    width: 55px;
    border-radius: 2px;
}
.testimoni_container .testimoni_content {
    border: 1px solid #EAEAEA;
    position: relative;
    padding: 0 15px 5px;
    background-color: #ffffff;
    font-family: source sans pro, sans-serif;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px; 
    position: relative;
    z-index: 0;
}
.testimoni_container .testimoni_content p {margin: 10px 0;  font-size: 14px; }
.testimoni_container .testimoni_subcontent:after {
    color: #AAAAAA;
    content: "";
    font-family: FontAwesome;
    font-size: 50px;
    left: 20px;
    position: absolute;
    top: 0;
    z-index: -1;
    opacity: .2;
    bottom: auto;
}
.testimoni_container .testimoni_user {padding: 20px 0 0 20px; }
.testimoni_container h3.testimoni_user_name {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0;
    margin: 0;
    font-weight: 600;
}
.testimoni_container .testimoni_user_position {font-size: 11px; margin: -1px 0 0 0;  }
.testimoni_container h3.testimoni_user_name,
.testimoni_container .testimoni_user_position {margin-left: 65px; }
.testimoni_container .testimoni_content:after,
.testimoni_container .testimoni_content:before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; 
}
.testimoni_container .testimoni_content:after {
    border-color: transparent;
    border-top-color: #ffffff;
    border-width: 7px;
    left: 49px;
    margin-left: -7px;
    margin-top: 0px; 
}
.testimoni_container .testimoni_content:before {
    border-color: transparent;
    border-top-color: #e8e8e8;
    border-width: 8px;
    left: 49px;
    margin-left: -8px; 
}
.btn i { margin-right: 8px;}








/*-------------------------------------------------*/
/* =  Clients
/*-------------------------------------------------*/
.client_slide .owl-item > li img {
    display: block;
    position: relative;
    width: auto;
    vertical-align: middle;
}
.client_slide .owl-item > li {
    list-style: none outside none;
    margin: 0 20px 0 0;
    border:1px solid transparent;
}
.client_slide .owl-item > li:hover{
    border:1px solid #eaeaea;
}







/*-------------------------------------------------*/
/* =  Accordion, Toggle, FAQ
/*-------------------------------------------------*/
.faq{padding:60px 0;}
.clav_accordion, .clav_toggle {padding: 0;}
.clav_list_toggle{list-style:none;}
.acc_head > p, .clav_toggle_head > p {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 0;
    line-height: 28px;
}
.acc_head,
.clav_toggle_head {
    padding: 0 0px 0 20px;
    margin: 0;
    font-size: 16px;
    cursor: pointer;
    color:#555;
    transition:all 0.3s;
    -webkit-transition:all 0.3s;
}
.acc_head i,
.clav_toggle_head i {padding-right: 8px;}
.clav_acc_list:first-child .acc_head,
.clav_list_toggle:first-child .clav_toggle_head {margin: 0;list-style:none;}
.active .acc_head,
.active .clav_toggle_head {color: #f1c40f;}
.active .clav_acc_content,
.active .clav_toggle_content {
    border: 0;
    -webkit-animation: bounceIn 0.8s;
    animation: bounceIn 0.8s
}
.active .icon-minus-sign {-webkit-animation: fadeInUp 1s;animation: fadeInUp 1s;}
.active .icon-plus-sign {-webkit-animation: fadeInDown 1s;animation: fadeInDown 1s;}
.clav_acc_content,
.clav_toggle_content {
    padding:0 15px;
    margin-top: 5px;
    overflow:hidden;
}
.acc_head_icon,
.clav_toggle_head_sign {
    float:left;
    margin: 0 0 0 -20px;
    cursor:pointer;
}
.acc_head_icon i,
.clav_toggle_head_sign i {
    padding: 0;
    margin: 0;
    font-size:14px;
}
.clav_acc_list:hover, .clav_list_toggle:hover{
    border-top: 1px solid #f1c40f;
}
.clav_acc_list:hover .acc_head, .clav_list_toggle:hover .clav_toggle_head{color:#f1c40f;}
.clav_acc_list, .clav_list_toggle {
    list-style: none outside none;
    border:1px solid #dadada;
    padding:5px 10px;
    border-top: 1px solid #555;
    margin-bottom:10px;
}
.clav_acc_list:last-child{margin-bottom: 0;}
.clav_acc_list.active, .clav_list_toggle.active {border-top: 1px solid #f1c40f;}
.clav_acc_content img,
.clav_toggle_content img{
    padding-right: 10px;
    border-radius: 2px;
    margin-top: 5px;
}
.img-responsive {width: auto;}






/* ==================================================
   SWIPE JS SLIDER
================================================== */
.swipe {
    overflow: hidden;
    visibility: hidden;
    position: relative;
    margin-top: 0;
}
.swipe-wrap {
    overflow: hidden;
    position: relative;
    margin:0;
    padding: 0;
    list-style: none;
}
.swipe-wrap > li {
    float:left;
    width:100%;
    position: relative;
}
.swipe-navi {
    position: absolute;
    top: 50%;
    display: block;
    width: 100%;
    height: auto;
    margin-top: 10px;
}
.swipe-navi .swipe-left,
.swipe-navi .swipe-right {
    position: absolute;
    text-align: center;
    width: 34px;
    height: 34px;
    line-height: 34px;
    opacity: 0;
    zoom: 1;
    filter: alpha(opacity=0);
    color:#fff;
    cursor: pointer;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;  
    transition: all 200ms;-moz-transition: all 200ms;-webkit-transition: all 200ms;
    -moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;
}
.swipe:hover .swipe-navi .swipe-left{
    opacity: .9;
    zoom: 1;
    filter: alpha(opacity=90);
    margin-top: -27px;
}
.swipe:hover .swipe-navi .swipe-right {
    opacity: .9;
    zoom: 1;
    filter: alpha(opacity=90);
    margin-top: -27px;
}
.swipe-navi .swipe-left {left: 5px;margin-top: -32px;}
.swipe-navi .swipe-right {right: 5px;margin-top: -22px;}
.swipe-navi .swipe-left, .swipe-navi .swipe-right {background: none repeat scroll 0 0 #404547;}
.swipe-navi .swipe-left:hover, 
.swipe-navi .swipe-right:hover {background: none repeat scroll 0 0 #f1c40f;}
.owl-item .blog_list_item{margin: 0 10px;position: relative;}
.recent_blog {margin: 0 -10px;}



/*-------------------------------------------------*/
/* =  Progress Bars
/*-------------------------------------------------*/
.progress_bar {margin: 20px 0 0; }
.progress_bar .progress_bar_inner {margin: 13px 0; }
.progress_bar .progress_bar_inner:last-child{margin-bottom: 0;}
.progress_bar h3.lable {
    font-size: 12px;
    line-height: 20px;
    margin: 3px 0;
    padding: 0;
    color: #686868;
    font-weight: 400;
    letter-spacing: 0; 
}
.progress_bar .pb_bar_wrapper {
    background-color: #eaeaea;
    height: 13px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}
.progress_bar .pb_bar {
    background: #f1c40f;
    height: 13px;
    position: relative;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px; 
    -webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;-webkit-text-shadow: none;-moz-text-shadow: none;text-shadow: none;
    -webkit-transition: width 1s ease;-moz-transition: width 1s ease;-o-transition: width 1s ease;transition: width 1s ease;
}
.progress_bar .pb_tooltip {
    position: absolute;
    bottom: 18px;
    right: 0;
    margin-right: -14px;
    background-color: #404547;
    color: #d6d6d6;
    height: 18px;
    line-height: 18px;
    padding: 0 4px;
    font-size: 11px;
    font-weight: 600;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px; 
}
.progress_bar .pb_tooltip:after,
.progress_bar .pb_tooltip:before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; 
}
.progress_bar .pb_tooltip:after {
  border-color: transparent;
    border-top-color: #404547;
    border-width: 3px;
    left: 50%;
    margin-left: -3px;
    margin-top: 0px; 
}
.progress_bar .pb_tooltip:before {
    border-color: transparent;
    border-top-color: transparent;
    border-top-color: transparent;
    border-width: 4px;
    left: 50%;
    margin-left: -4px; 
}





/*-------------------------------------------------*/
/* =  To TOP Button
/*-------------------------------------------------*/
.btnTop {
    background: #404547;
    z-index: 9999;
    width: 40px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    position: fixed;
    bottom: -100px;
    right: 25px;
    border-radius: 2px;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    overflow: auto;
    color: #ffffff
}
.btnTop:hover {
    background-color: #f1c40f;
    color: #eee;
}






/*-------------------------------------------------*/
/* =  Shortcodes Tabs
/*-------------------------------------------------*/
.widget .tabs {margin-bottom: 0;}
.tabs {margin: 21px 0 24px 0; }
.tabs p {margin: 0 auto 15px; }
.tabs_items {
    border: 1px solid #e8e8e8;
    margin: -1px 0 0 0;
    -moz-border-radius-topright: 2px;
    -webkit-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    -webkit-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px; 
}
.tabs_item_content {
    padding: 15px 15px 5px;
    margin: 0 0 5px; 
}
.tabs h3.tabs_title {
    float: left;
    font-weight: 600;
    margin: 0;
    padding: 12px 16px;
    font-size: 12px;
    line-height: normal;
    cursor: pointer;
    border-width: 1px 1px 0 0;
    border-style: solid;
    border-color: #e8e8e8;
    background-color: #fafafa;
    color: #404040; 
}

.tabs h3.tabs_title [class*="fa-"] {font-size: 14px;}
.tabs h3.tabs_title:first-child {
    -moz-border-radius-topleft: 2px;
    -webkit-border-top-left-radius: 2px;
    border-top-left-radius: 2px; 
}
.tabs h3.tabs_title:last-child {
    -moz-border-radius-topright: 2px;
    -webkit-border-top-right-radius: 2px;
    border-top-right-radius: 2px; 
}
.tabs h3.tabs_title:first-child {border-left: 1px solid #e8e8e8; }
.tabs h3.tabs_title_active {
  background: #ffffff;
  border-width: 1px 1px 0 0;
  border-style: solid;
  border-color: #e8e8e8;
  position: relative;
  z-index: 2;
  padding-bottom: 13px; 
}




/*-------------------------------------------------*/
/* =  Vertical Tabs: left & Right Position;
/*-------------------------------------------------*/
.tabs-left, .tabs-right {border-bottom: none;padding-top: 2px;}
.tabs-left { border-right: 1px solid #ddd; border-bottom: none !important; }
.tabs-right { border-left: 1px solid #ddd; border-bottom: none !important;  }
.tabs-left>li, 
.tabs-right>li { float: none; margin-bottom: 0 !important;}
.tabs-left>li {margin-right: -1px !important;}
.tabs-right>li {margin-left: -1px !important;}
.tabs-left>li.active>a, 
.tabs-left>li.active>a:hover, 
.tabs-left>li.active>a:focus {
    border-bottom-color: #eee !important;
    border-right-color: transparent !important;
}
.tabs-right>li.active>a, 
.tabs-right>li.active>a:hover, 
.tabs-right>li.active>a:focus {
    border-left-color: transparent !important;
    border-bottom-color: #eee !important;
}
.tabs-left>li>a {
    border-radius: 2px 0 0 2px !important;
    margin-right: 0 !important;
    display:block !important;
    color: inherit !important;
}
.tabs-right>li>a {
    border-radius: 0 2px 2px 0 !im;
    margin-right: 0 !important;
    color: inherit;
}
.elem_tabs .row .col-md-6.col-sm-12 > h3 {margin-top: 0 ;}




/*-------------------------------------------------*/
/* =  Team Page
/*-------------------------------------------------*/
.team_member {
    margin: 0 auto 30px;
    position: relative;
    border:1px solid #eaeaea;
}
.team_member_content{
    padding: 20px 15px 48px;
    position: relative;
}
.team_member .team_member_photo {min-width: 100%;}
.team_member h3.team_member_title {
    font-size: 14px;
    margin-bottom: 4px;
    margin-top: 0;
    font-weight: 700;
}
.team_member .team_member_position {color: #6A6A6A;font-size: 12px;}
.team_member .team_member_description {margin: 10px 0 20px;font-size: 12px;}
.team_member .team_member_social_icons {
    border-top: 1px solid #EEEEEE;
    line-height: 40px;
}
.team_member .team_member_social_icons a {
    color: #B5B8BD;
    display: block;
    float: left;
    font-size: 16px;
    line-height: 30px;
    width: 30px;
    height: 30px;
    margin: 10px auto 0;
    text-align: center;
    text-decoration: none;
}
.team_member .team_member_social_icons a:hover.twitter{ color: #f1c40f;}
.team_member .team_member_social_icons a.rss:hover {color:#F90 !important}
.team_member .team_member_social_icons a.facebook:hover {color:#3B5998 !important}
.team_member .team_member_social_icons a.twitter:hover {color:#9AE4E8 !important}
.team_member .team_member_social_icons a.pinterest:hover {color:#C92228 !important}
.team_member .team_member_social_icons a.linkedin:hover {color:#007bb6 !important}
.team_member .team_member_social_icons a.googleplus:hover {color:#d34836 !important}
.team_member .team_member_social_icons a.dribbble:hover {color:#E46387 !important}
.team_member .team_member_social_icons a.tumblr-square:hover {color:#4D7EA3 !important}
.team_member .team_member_social_icons a.instagram:hover {color:#4D4F54 !important}
.team_member .team_member_social_icons a.skype:hover {color:#36C4F3 !important}
.team_member .team_member_social_icons a.vimeo-square:hover {color:#87D3E0 !important}






/*-------------------------------------------------*/
/* =  SIDEBAR - Widget
/*-------------------------------------------------*/

    /* site search */
    .site-search-area {margin: 0; padding: 0; }
    #site-searchform { margin: 0; padding: 0; }
    #site-searchform #s{
        border: 1px solid #eee;
        background-color: #fff;
        width: 81%;
        height:41px;
        padding:5px 10px 5px 10px;
        color: #999;
        float: left;
        font: normal 12px "Open sans", Helvetica, Arial, sans-serif;
    }
    #site-searchform #s:focus{border-color: #f1c40f; border-right: none;}
    #site-searchform #searchsubmit{
        float: left;
        width:45px;
        height:41px;
        cursor:pointer;
        text-indent:-5555em;
        line-height:100;
        overflow:hidden;
        background: #f1c40f url(../img/search-icon.png) no-repeat center 14px;
        border:0;
    }
    #site-searchform #searchsubmit:hover{
        background: #383634 url(../img/search-icon.png) no-repeat center 14px;
    }


    /*Category*/
    .widget ul.arrows_list{
        padding: 0px;
        margin: 0px;
        float: left;
        width: 100%;
    }
    .widget ul.arrows_list li{
        list-style:none;
        border-bottom:1px solid #f2f2f2;
        padding: 9px 10px 9px 1px;
    }
    .widget ul.arrows_list li:after{
        content: "\f105";
        font-family: FontAwesome;
        font-size: 14px;
        float: right;
        line-height: 30px;

    }
    .widget ul.arrows_list li a {
        color: #777;
        font-family: Open Sans;
        font-size: 12px;
    }
    .widget ul.arrows_list li:hover a,.widget ul.arrows_list li:hover:after{color:#f1c40f;}
    .widget ul.arrows_list i {margin-right: 5px;color:#000;}


    /*Tabs*/
    #widget_tabs {
        padding:0px 1px 2px 1px;
        float:left;
        clear:both;
    }
    ul.widget_tabs {
        margin: 0;
        padding: 0;
        float: left;
        list-style: none;
        font-family: 'PT Sans', sans-serif;
    }
    ul.widget_tabs li {
        float: left;
        margin: 0;
        padding: 0;
        height: 43px;
        width: 80px;
        line-height: 43px;
        border-left: none;
        margin-bottom: -1px;
        overflow: hidden;
        position: relative;
        border-right: 1px solid #fff;
    }
    ul.widget_tabs li a {
        text-decoration: none;
        color: #777;
        font-family:Open Sans;
        display: block;
        font-size: 12px;
        font-weight: 600;
        outline: none;
        cursor:pointer;
        background: #f2f2f2;
        text-align: center;
        text-transform: uppercase;
    }
    ul.widget_tabs li a i {
        font-size: 24px;
        font-weight: 500;
        line-height: 42px;
    }

    ul.widget_tabs li:last-child { border-right: 1px solid transparent;}
    ul.widget_tabs li.active:first-child{border-left:1px solid #ebebeb;}
    ul.widget_tabs li.active:last-child{border-right:1px solid #ebebeb;}
    ul.widget_tabs li.active, 
    ul.widget_tabs li.active a,  
    ul.widget_tabs li.active a:hover  {
        background: #fff;
        color:#f1c40f;
        border-top: 1px solid #f1c40f;
    }
    .tab_container {
        overflow: hidden;
        clear: both;
        float: left; 
        background: #fff;
        padding: 15px;
        border:1px solid #ebebeb;
     }
    .tab_content {background: #fff;}
    .tab_content h3 {margin-bottom: 5px;margin-top: 0;}
    .tags {margin-top: 25px;}
    .tags i {margin-right: 2px}
    .tags a {
        border: 1px solid #e6e6e6;
        color: #696969;
        padding: 5px 10px 6px;
        margin: 0 0px 5px 0;
        text-transform: capitalize;
        display: inline-block;
        border-radius: 2px;
        -webkit-transition: all .2s ease;
        transition: all .2s ease;
    }
    .tags a:hover {
        border: 1px solid #aaa;
        color: #000;
        text-decoration: none !important;
    }
    .extrabox .tags a {
        border: 1px solid #464646;
        color: #8A8A8A;
        padding: 5px 8px;
    }
    .extrabox .tags a:hover  {border: 1px solid #929292;color: #CECECE;}



    /*Recent POST SIDEBAR*/
    .recent_posts_sidebar .recent_post_title{color: #404547;}
    .recent_posts_sidebar .recent_post_title:hover {color: #f1c40f;}
    .recent_posts_sidebar .recent_post_date{color: #686868;}
    .recent_posts_sidebar .recent_post_comments_number, .recent_posts_sidebar .recent_post_like_number{color: #C4C4C4;}
    .recent_posts_sidebar .recent_post_comments_number:hover, .recent_posts_sidebar .recent_post_like_number:hover{color: #f1c40f;}


    /*Popular POST SIDEBAR*/
    .popular_posts_sidebar .recent_post_title{color: #404547;}
    .popular_posts_sidebar .recent_post_title:hover {color: #f1c40f;}
    .popular_posts_sidebar .recent_post_date{color: #686868;}
    .popular_posts_sidebar .recent_post_comments_number, .popular_posts_sidebar .recent_post_like_number{color: #C4C4C4;}
    .popular_posts_sidebar .recent_post_comments_number:hover, .popular_posts_sidebar .recent_post_like_number:hover{color: #f1c40f;}
    .popular_posts_sidebar > li{margin: 10px auto;}


    /*Recent Comments*/
    .recent_comments li {
        width: 100%;
        display: block;
        margin: 10px auto 5px;
        float: left;
    }
    .recent_comments li p{
        overflow: hidden;
        margin: 0 auto auto 65px;
        font-size: 12px;
    }
    .recent_comments li p strong a{font-size: 12px;color: #404547;}
    .recent_comments li p strong a:hover{color: #f1c40f;}
    .recent_comments .post-thumbnail {
        float: left;
        max-width: 50px;
        padding: 6px 0 0 ;
    }
    .recent_comments h3 {
        font-size: 12px;
        line-height: 18px;
        font-weight: 400;
        font-family: Tahoma, Arial;
    }
    .recent_comments .post-meta {font-size: 11px;text-align: right;}
    .recent_comments span{margin-left: 10px}
    .recent_comments i {
        margin-right: 4px;
        color: #999;
        font-size: 12px;
    }




/*-------------------------------------------------*/
/* =  Feature Images
/*-------------------------------------------------*/
.featured_image {
    display: block;
    position: relative;
    -moz-backface-visibility: hidden; 
    margin-right: 15px;
    margin-bottom: 5px;
}

.featured_image_inline .featured_image {max-width: none; min-width: 0; }
.featured_image_inline.featured_image_left {float: left; margin: 6px 20px 20px 0; }
.featured_image_inline.featured_image_right { float: right; margin: 6px 0 20px 20px; }
.featured_image_wrapper {outline-width: 0; outline: none; }
blockquote{
    border-left-color: #f1c40f;
    background: #f9f9f9;
}



/*-------------------------------------------------*/
/* =  ISOTOPE - PORTFOLIO
/*-------------------------------------------------*/
.isotope-item {z-index: 2;}
.isotope-hidden.isotope-item { pointer-events: none;z-index: 1;}
.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope { position: relative;width: 100%;}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property:    -moz-transform, opacity;
    -ms-transition-property:     -ms-transform, opacity;
    -o-transition-property:      -o-transform, opacity;
      transition-property:         transform, opacity;
}

/* Disabling Isotope CSS3 transitions */
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}
.isotope.infinite-scrolling {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}




/*-------------------------------------------------*/
/* =  Portfolio - Filtering
/*-------------------------------------------------*/
#filters {
    display: block;
    margin: 0 auto 30px 15px;
    text-align: left;
    float: left;
}

#filters a {
    color: #888;
    display: block;
    padding: 4px 0;
}

#filters a:hover { color: #169fe6;}
.selected { color: #169fe6; }
.filters-dropdown {
    position: relative;
    z-index: 9;
    width: 150px;
    cursor: pointer;
    padding: 6px 12px 8px 12px;
    display: inline-block;
    color: #888;
    border:1px solid #eaeaea;
    margin: 0 3px 6px 0;
    -webkit-transition: background-color 200ms ease-out;
    -moz-transition: background-color 200ms ease-out;
    -ms-transition: background-color 200ms ease-out;
    -o-transition: background-color 200ms ease-out;
    transition: background-color 200ms ease-out;
    border-radius: 2px;
}
.filters-dropdown.activated { color: #169fe6;}
.filters-dropdown.active:after { border-color: #fff rgba(255,255,255, 0); }
.ie8 .filters-dropdown.active:after { border-color: #fff transparent; }
.filters-dropdown.active .option-set {
    opacity: 1;
    pointer-events: auto;
    padding-top: 0;
    padding-bottom: 10px;
    border-radius: 0 0 2px 2px;
}
.filters-dropdown:after {
    content: "\f107";
    font-family: FontAwesome;
    position: absolute;
    right: 12px;
    top: 30%;
    margin-top: -2px;
}
.ie8 .filters-dropdown:after { border-color: #aaa transparent; }
.filters-dropdown.active:after { border-width: 0 5px 5px 5px; }
.filters-dropdown .option-set {
    width: inherit;
    position: absolute;
    top: 100%;
    margin-top: 0;
    left: -1px;
    z-index: 1;
    border: inherit;
    border-top: none;
    background: #fff;
    list-style: none;
    -webkit-transition: opacity 200ms ease-out;
    -moz-transition: opacity 200ms ease-out;
    -ms-transition: opacity 200ms ease-out;
    -o-transition: opacity 200ms ease-out;
    transition: opacity 200ms ease-out;
    opacity: 0;
    pointer-events: none;
    padding: 15px;
}
.ie8 .filters-dropdown .option-set { display: none; }
.ie8 .filters-dropdown.active .option-set { display: block; }






/*-------------------------------------------------*/
/* =  BLOG - Post
/*-------------------------------------------------*/
article.post{ position: relative; margin: 0 0 50px;}
.post_text > h2 {margin: 0 auto;font-size: 22px;}
.post_content .post_image {margin-bottom: 20px;}
.post_content .blogMeta{margin: 0 auto 15px;}
.blogMeta .social_share {display: inline-block;}
.post_text p{margin-bottom: 20px;}
.post_content .post_video{
    min-height: 1px;
    padding: 0;
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}
.post_content .post_video iframe{
    min-width: 100%;
    width: 100%;
    border: none;
    box-shadow: none;
}
.post_content .post_text.quote{
    padding: 15px 20px ;
    border-radius: 2px;
    border:1px solid #eaeaea;
}
.post_text.quote .blogMeta {margin: 0;}
.quote-box > h2 {margin-top: 10px;font-size: 16px;}
.quote-box > h2 a{color: #888;line-height: 1.6;}
.quote-box > h2 a:hover{color: #f1c40f;}
.quote-box .quote-author{
    color: #ACACAC;
    position: relative;
    padding-left: 18px;
}
.quote-box .quote-author:after{
    content: "\f068";
    left: 0;
    font-family: "FontAwesome";
    bottom: -2px;
    position: absolute;

}
.quote-box{position: relative;}
.quote-box:after{
    content: "\f10e";
    font-family: "FontAwesome";
    position: absolute;
    right: 0;
    top: -40px;
    font-size: 30px;
    opacity: .5;
}





/*-------------------------------------------------*/
/* =  Blog - Medium Image
/*-------------------------------------------------*/
.blog_content.blog_medium .post_content{margin-bottom: 30px;}
.blog_content.blog_medium .post_content {
    width: 100%;
    position: relative;
    display: block;
    float: left;
}

.blog_content.blog_medium .post_content .post_image,
.blog_content.blog_medium .post_content .post_text,
.blog_content.blog_medium .post_content .post_video{
    width: 50%;
    position: relative;
    float: left;
    padding-right: 30px;
}
.blog_content.blog_medium .post_content .post_text .jp-audio{margin: 0 auto 15px;}
.post_tags{
    margin-top: 30px;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #eaeaea;

}
.post_tags .tags{margin-top: 15px;}
.tags_title h5 {
    font-weight: 600;
    margin: 0 auto;
    position: relative;
    padding-left: 20px;
}
.tags_title h5:before{
    content: "\f02c";
    font-family: "FontAwesome";
    position: absolute;
    left: 0;
    color: #444;
    bottom: -3px;
}
.author_post {
    position: relative;
    width: 100%;
    margin-bottom: 30px;
}
.author_image {float: left;position: relative;}
.author_image > img {
    max-width: 100%;
    position: relative;
    width: auto;
    border-radius: 2px;
}
.author_desc {position: relative;margin-left: 15%;}
.author_desc h4 {font-weight: 600;margin: 0 auto;}
.author_desc > span {color: #f1c40f;}
.desc_text {margin-top: 10px;}


/*-------------------------------------------------*/
/* =  Blog - Commenting Fomr
/*-------------------------------------------------*/
.post_comments {
    border-top: 1px solid #ecf0f1;
    margin: 50px auto auto;
    padding: 30px 0;
}
#comment-list { margin:0; padding:0;}
#comment-list li {
    background:none;  
    margin:0;
    padding:0;
    overflow:hidden;
}
#comment-list ul.children { margin-left:94px;padding:0;}
.comment-container {
    border:solid 1px #ecf0f1;    
    margin-bottom:20px;
    margin-left:90px;
    padding:20px 20px 0;
    position:relative;
    -moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;
}
.comment-container:hover {background:#f7f7f7;border-color:#f1c40f;}
.avatar:hover img{border-color: #f1c40f;}
.comment-body { margin-bottom:20px; }
.avatar {
    float:left;
    width:75px; 
    overflow: hidden;
    position: relative;
}
.avatar img {
    display:block;
    margin-right:20px;
    z-index: 0;
    border:1px solid #ecf0f1;
    padding:3px;
    border-radius: 3px;
}
h4.comment-author {
    font-size:16px;
    line-height:20px;
    margin:0;
}
h4.comment-author a{color:#555;font-weight: 600;}
#comment{
    border-bottom: 1px solid #ecf0f1;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
#comment-list li .comment-container:hover a{color:#f1c40f;}
#comment-list .comment-meta { margin-bottom:10px; }
#comment-list .comment-date { font-size:12px; font-style:italic;color:#666;}
#comment-list li .comment-container:hover .comment-date { color:#f1c40f; }
#comment-list li .comment-container:hover h4 { color:#f1c40f; }
.comment-reply-link { 
    position:absolute;
    right:20px;
    top:20px;
}
a.link-style3 {
    color: inherit !important;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none !important;
    text-transform: uppercase;
}
.comment-reply-link {
    position: absolute;
    right: 20px;
    top: 20px;
}
.row-fluid textarea, textarea {
    font-size: 14.994px;
    height: auto;
    width:99.5% !important;
    line-height: 24px;
    padding: 10px !important;
    background: #fafafa;
    border:1px solid #e9e9e9;
    color: #A3A3A3
}
.row-fluid textarea:focus, .row-fluid input:focus, textarea:focus{
    border-color: #f1c40f !important;
    background: #fff;
    -moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;
}
.comment_form > input {
    margin-bottom:25px;
    margin-right:20px;
    width: 31.6%;
    position: relative;
    background: #FFFFFF;
    padding: 10px;
    border:1px solid #e9e9e9;
    color: #A3A3A3
}
input[type="text"],input[type="email"]{
    border-radius: 0;
    position: relative;
    background: #fafafa;
    border:1px solid #e9e9e9;
    color: #A3A3A3;
    height: 40px;
    font-size: 13px;
    box-shadow: none;
}
input[type="text"]:focus,input[type="email"]:focus{
    box-shadow: none;
    background: #fff;
    border-color: #f1c40f !important;
}
.blog_post_2 .comment_form > input {
    margin-bottom:25px;
    margin-right:20px;
    width: 30.6%;
    position: relative;
    background: #FFFFFF;
    padding: 10px;
    border:1px solid #e9e9e9;
    color: #A3A3A3
}
#comments {margin-bottom: 20px;}
.comment_form > input:last-child {margin-right:0;}
#loadMore {
    margin-top: 30px;
    position: relative;
}




/*-------------------------------------------------*/
/* =  MASONRY BLOG
/*-------------------------------------------------*/
.post_block { 
    width: 25%;
    margin-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}
.post_block.w2 { width: 50%; position: relative;}






/* ==================================================
   PRICING TABLES BOXS
================================================== */
.pricingBlock {padding-bottom:30px;position: relative;}
.pricingTable {text-align:center;font-weight:400;}
.pricingTable-sign-up {text-align:center;background:#ecf0f1;}
.pricingContent ul li {padding:5px 20px;text-align:center;}
.pricingContent{
    background:#fff;
    border-left: 1px solid #ecf0f1;
    border-right: 1px solid #ecf0f1;
}
.pricingTable .pricingTable-header {
    color:#fff;
    background: #f1c40f;
    padding:0px;
}
.pricingTable-header .heading{
    display:inline-block;
    width:100%;
    padding:15px 0px;
    text-transform:uppercase;
}
.pricingTable .heading{background: #444;}
.pricingTable.business .heading{background: #f1c40f;}
.pricingTable.business .pricingTable-header .price-value{background: #2980b9;}
.pricingTable .pricingTable-header .price-value{background: #2980b9;}
.pricingTable .pricingTable-header .price-value{background: #555;}
.pricingTable-header .price-value {
    display:inline-block;
    width:100%;
    padding:20px 0px;
    background: #f1c40f;
}
.pricingTable-header .price-value span{font-size:250%;}
.pricingTable-header .price-value span.mo{font-size:150%;}
.pricingTable {
    text-align:center;
    font-weight:400;
    margin-bottom:30px;
    background:#fff;
    -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;
}

.pricingContent ul li {color: #434343;overflow: hidden;}
.pricingContent ul li {
    border-bottom: 1px solid #F0F0F0;
    padding: 15px 0;
    text-align: center;
    overflow: hidden;
    display: block;
}
.pricingContent ul{margin: 0;padding:0;}
.pricingTable.business {-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);transform: scale(1.1,1.1);}
.pricingTable-sign-up a.btn{border-radius: 0;}
.pricingContent ul li i {margin-right: 10px;}
.pricingContent ul li:hover,
.pricingContent ul li:nth-child(n+1):hover{background: #fafafa;cursor: pointer;}
.pricingContent ul li:nth-child(+1),
.pricingContent ul li:nth-child(+3),
.pricingContent ul li:nth-child(+5),
.pricingContent ul li:nth-child(+7),
.pricingContent ul li:nth-child(+9){background: #fafafa;cursor: pointer;}




/*-------------------------------------------------*/
/* =  Grid Columns
/*-------------------------------------------------*/
div.grid_columns {
    border-bottom: 1px solid #F6F6F6;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
div.grid_columns [class*="col-lg-"] span.col_block {
    background-color: #ecf0f1;
    display: block;
    line-height: 40px;
    min-height: 40px;
    text-align: center;
}




/*-------------------------------------------------*/
/* =  Typography
/*-------------------------------------------------*/
.header_h h1, .header_h h2, .header_h h3, .header_h h4, .header_h h5, .header_h h6{
    margin: 30px auto 10px;
    text-transform: uppercase;
    font-weight: 600;
}

/*-------------------------------------------------*/
/* =  Dropcaps
/*-------------------------------------------------*/
.dropcap {
    color: #585858;
    display: block;
    float: left;
    font-size: 44px;
    height: 40px;
    line-height: 40px;
    margin-right: 8px;
}
.dropcap1 {
    color: #fff;
    display: block;
    float: left;
    font-size: 40px;
    height: 40px;
    padding:0 5px;
    line-height: 40px;
    margin-right: 8px;
    background:#f1c40f;
}
.dropcap2 {
    color: #777;
    display: block;
    float: left;
    font-size: 40px;
    height: 40px;
    padding:0 5px;
    line-height: 40px;
    margin-right: 8px;
    background:#fafafa;
}
.dropcap3 {
    color: #f1c40f;
    display: block;
    float: left;
    font-size: 40px;
    height: 40px;
    padding:0 5px;
    line-height: 40px;
    margin-right: 8px;
    background:#fafafa;
}



/*-------------------------------------------------*/
/* =  HIGHLIGHTS
/*-------------------------------------------------*/
.highlight {color: #f1c40f;}
.highlight1 {
    border-bottom: 1px dotted #f1c40f;
    color: #f1c40f;
    cursor: help;
    display: inline-block;
}
.highlight2 {
    background: none repeat scroll 0 0 #f1c40f;
    color: #FFFFFF;
    padding: 0 3px 1px;
    display: inline-block;
}
.highlight3 {
    background: none repeat scroll 0 0 #2980b9;
    color: #FFFFFF;
    padding: 0 5px 1px;
    display: inline-block;
}




/*-------------------------------------------------*/
/* =  CUSTOM BLOCKQUOTE
/*-------------------------------------------------*/
blockquote.default {
    background: none repeat scroll 0 0 #fafafa;
    border-left-color: #dadada;
    padding: 15px 20px;
    overflow: hidden;
    z-index: 1;
    position: relative;
    margin: 20px auto;
}

blockquote.default:before {
    content: "\f10e";
    font-family: FontAwesome;
    font-size: 60px;
    left: 2%;
    color: #e5e5e5;
    line-height: normal;
    overflow: hidden;
    position: absolute;
    z-index: 0;
}
blockquote.default > p {
    position: relative;
    z-index: 999;
    color: #444;
    font-size: 14px;
    line-height: 20px;
}
.bq_2 > p {font-weight: 400;}



/*-------------------------------------------------*/
/* =  List Style
/*-------------------------------------------------*/
.list_style{
    padding: 0;
    margin:0;
    list-style:none;
}
.list_style li {line-height: 30px;}
.list_style li i {margin-right: 5px;color: #f1c40f;}
.list_style li a {
    color: #444;
    font-size: 13px;
    font-weight: 400;
    text-decoration: none;
}
.list_style li a:hover {color: #f1c40f;text-decoration: none;}
.list_style li a.active {color: #f1c40f;}



/*-------------------------------------------------*/
/* =  List STyle Circle
/*-------------------------------------------------*/
.list_style.circle li a i {
    border: 1px solid #f1c40f;
    border-radius:50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    color: #f1c40f;
    height: 18px;
    font-size: 10px;
    line-height: 17px;
    text-align: center;
    width: 18px;
    font-weight: 300;
}
.list_style.square li a i {
    border: 1px solid #f1c40f;
    border-radius:0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    color: #f1c40f;
    height: 18px;
    line-height: 18px;
    text-align: center;
    width: 18px;
}
.list_style ul {margin: 0 0 0 20px;}




/*-------------------------------------------------*/
/* =  Icon List
/*-------------------------------------------------*/
.icon_lists {margin-top: 22px;}
.icon_lists .fa-hover a {
    border-radius: 0;
    color: #222222;
    display: block;
    height: 32px;
    line-height: 32px;
    padding-left: 10px;
}
.icon_lists .fa-hover a .fa {
    display: inline-block;
    font-size: 14px;
    margin-right: 10px;
    text-align: right;
    width: 32px;
}
.icon_lists .fa-hover a:hover {
    background-color: #f1c40f;
    color: #FFFFFF;
    text-decoration: none;
}
.icon_lists .fa-hover a:hover .fa {font-size: 24px;vertical-align: -3px;;}
.icon_lists .fa-hover a:hover .text-muted {color: #BBE2D5;}



/*-------------------------------------------------*/
/* =  404 Page
/*-------------------------------------------------*/
.page_404 {position: relative;text-align: center;}
.page_404 > h1 {
    font-size: 250px;
    font-weight: 600;
    line-height: 250px;
    position: relative;
}
.page_404 > p {
    font-size: 30px;
    font-weight: bold;
    line-height:30px;
    margin-bottom:30px;
}



/*-------------------------------------------------*/
/* =  MAPS
/*-------------------------------------------------*/
.maps{position:relative;}
.map_menu iframe{
    max-height: 180px;
    height: 150px;
    width: 100%;
    margin-bottom: 30px;
    border:none;
}
.maps #jogjamap{max-height:450px;height:400px;}
#map_menu{width: 100%;height: 200px;}





/*-------------------------------------------------*/
/* =  WIDGETS - Social Media
/*-------------------------------------------------*/
.widget_social {
    list-style: none outside none;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
}
.widget_social li {
    float: left;
    background: none !important;
}
.widget_social li a {
    color: #666;
    display:block;
    height: 35px;
    text-align: center;
    width: 35px;
    border-radius:2px;
    border: 1px solid #666;
    -webkit-border-radius: 50%;-moz-border-radius: 50%;
    -webkit-transition: 0.25s;
    -moz-transition: 0.25s;
    -o-transition: 0.25s;
    transition: 0.25s;
    line-height: 35px;
    margin-right:5px; 
    margin-bottom: 5px;
}
.widget_social li a i {
    font-size: 14px;
    margin-right: 0;
    float: none;
    line-height: 35px;
}
.widget_social li a:hover{
    color:#fff;
}
.widget_social li a.fb:hover      {border-color:#2f5a9a; background-color:#2f5a9a;}
.widget_social li a.twtr:hover    {border-color:#3abdd1; background-color:#3abdd1;}
.widget_social li a.gmail:hover   {border-color:#222222; background-color:#222222;}
.widget_social li a.pinterest:hover{border-color:#d13a3a; background-color:#d13a3a;}
.widget_social li a.rss:hover     {border-color:#F90; background-color:#F90;}
.widget_social li a.tumblr:hover  {border-color:#203550; background-color:#203550;}
.widget_social li a.flickrs:hover        {border-color:#ff0084; background-color:#ff0084;}
.widget_social li a.instagram:hover     {border-color:#507ea4; background-color:#507ea4;}
.widget_social li a.linkedin:hover      {border-color:#0072b2; background-color:#0072b2;}
.widget_social li a.skype:hover         {border-color:#00aaf1; background-color:#00aaf1;}
.widget_social li a.youtube:hover       {border-color:#ff3330; background-color:#ff3330;}
.widget_social li a.dribbble:hover      { border-color:#f973a4; background-color:#f973a4;}





/*-------------------------------------------------*/
/* =  WIDGETS - Contact List
/*-------------------------------------------------*/
.widget_info_contact{padding:0;margin-top:20px;}
.widget_info_contact li{list-style:none;}
.widget_info_contact li p strong { color:#666; float: left; margin: 0 5px 5px 0;font-size: 12px;width:20%;}
.widget_info_contact li {margin: 0 0 5px 0;}
.widget_info_contact p {
    line-height: 30px;
    margin-bottom: 0;
    position: relative;
}
.widget_info_contact p a {
    color: #666;
    font-weight: 600;
    font-size: 12.5px;
}
.widget_info_contact p a:hover {color: #919191;text-decoration: none;}
.widget_info_contact li i {
    float: left;
    color: #666;
    height: 30px;
    line-height: 30px;
    margin: 0 10px 0 0;
    overflow: hidden;
    text-align: center;
}
.form-control {
    border-radius: 2px;
    height: 45px;
    margin-bottom: 20px;
    padding: 12px;
}





/*-------------------------------------------------*/
/* =  FOOTER
/*-------------------------------------------------*/
.footer{
    position: relative;display: block;width: 100%;
    margin: 0 auto;
    z-index: 10;
}
.footer.foofix{
    position: fixed;
    left: 0;
    bottom: 0;
}
.main_footer{
    background: #404547;
    padding: 50px 0 35px;
    position: relative;
}
footer p{color: #ffffff;}
.widget{position: relative;margin-bottom: 20px;}
.widget > p {margin-bottom: 0;}
.footer_bottom{
    background: #303436;
    padding: 20px 0;
    position: relative;
}
.footer_bottom_right {float: right;line-height: 28px;}
.footer_bottom_right .footer_links a {
    margin: 0 0 0 13px;
}
.footer_bottom_right, 
.footer_bottom_right a {color: #aeaeae;text-decoration: none;}
.footer_bottom_right a:hover {color: #ffffff;text-decoration: none;}
.footer_bottom p {color: #aeaeae;}
.footer_bottom p a {color: #fff;}
.footer_bottom p a:hover {color: #888;}







/*-------------------------------------------------*/
/* =  RESPONSIVE Style
/*-------------------------------------------------*/
@media (max-width: 768px) {
    .JogMenu > li{
        display: block;
        width: 100%;
        box-sizing:border-box;
        -moz-box-sizing:border-box; 
        -webkit-box-sizing:border-box;
    }
    .JogMenu > li > a{padding: 12px 10px !important;}
    .JogMenu a{
        width: 100%;
        background: #ffffff;
        box-sizing:border-box;
        -moz-box-sizing:border-box; 
        -webkit-box-sizing:border-box; 
    }
    .JogMenu ul.menuDown, 
    .JogMenu ul.menuDown li ul.menuDown{
        width: 100% !important;
        left: 0;
        position: static !important;
        border: none;
        box-sizing:border-box;
        -moz-box-sizing:border-box; 
        -webkit-box-sizing:border-box; 
    }
    .JogMenu ul.menuDown li {background: #fff !important; border: none; }
    .JogMenu ul.menuDown > li > a{ padding-left: 40px !important; }
    .JogMenu > li > .megamenu{
        width: 100% !important;
        position: static;
        border-top: none;
    }
    .megamenu .row [class*="col"]{
        float: none;
        display: block;
        width: 100% !important;
        margin-left: 0;
        margin-top: 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .megamenu .row:first-child  [class*="col"]:first-child { margin-top: 0; }
    .megamenu .row{margin-top: 0; }
    .JogMenu > li > ul.menuDown > li > a{ padding-left: 40px !important; }
    .JogMenu > li > ul.menuDown > li > ul.menuDown > li > a{ padding-left: 60px !important; }
    .JogMenu > li > ul.menuDown > li > ul.menuDown > li > ul.menuDown > li > a{ padding-left: 80px !important; }
    .navbar_brand{ float: none; margin-bottom: 0; } 
    .top_head #go_lang ul > li > a{ padding: 0 12px !important; }
    .navbar_brand img{ margin-bottom: 0; }
    #nav{ float: none !important;}
    .feature_box,
    .feature_box_2,
    .progress_bar,
    .tabs,
    .services_box_image{ margin-bottom: 30px;}
    .testimoni.owl-carousel{ width: 101%; }
    .clav_accordion, 
    .recent_blog{ margin-bottom: 30px;}
    .top_contact{margin:0 auto;overflow: hidden; }
    .feature_box_2 .fb_icon{float: none;margin: 0 auto 15px;}
    .feature_box_2{text-align: center;}
    .about_desc > p {margin-top: 20px;}
    .title_content_center:after{left: 43%;}
    .action-box-2 a.btn{margin-top: 20px;}
    .tabs h3.tabs_title{padding:12px 8px;}
    .post_block{width: 50%;}
    #comment-list ul.children{margin-left: 0;}
    .comment_form > input{margin-right: 8px;margin-bottom: 15px;}
     .sp_detail{margin-top: 30px;}
    .pricingTable.business{
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    #breadcrumbs ul{float: left;}
    .page_title {
        display: inline-block;
        float: none;
        position: relative;
    }
}

@media (max-width: 480px) {
    .top_head #go_lang ul > li > a{padding: 0 10px !important;}
    .social_media li a{width: 38px;}
    .recent_work, .isotope{margin: 0 auto;}
    .blog_content.blog_medium .post_content .post_image, .blog_content.blog_medium .post_content .post_text, .blog_content.blog_medium .post_content .post_video{padding-right: 0;width: 100%;}
    .blog_content.blog_medium .post_content{margin-bottom: 50px;}
    .blogMeta a{margin-right: 10px;}
    .blogMeta .social_share,
    .post_content .blogMeta{margin-top: 8px;}
    .recent_work li{margin-bottom: 1px;}
    .action-box a.btn{margin-bottom: 30px;}
    .top_contact{margin:0 auto;overflow: hidden;}
    .title_content_center:after{left: 38%;}
    .page_404 > h1{font-size: 180px;}
    .page_404 > p{font-size: 24px;line-height: 34px;}
    .post_block,
    .post_block.w2{width: 100%;}
    .comment_form > input{width: 100%;}
    .title_single_portfolio .title_sp_right {float: left;margin: 25px auto;}
}