/*

Theme Name: Touch

Description: Touch is a very powerful theme which suits both, creative and business users with no programming background, as well as advanced developers. It will help you build your site with the layout, colors, and images you want and like, in no time. You can set any color to all the elements such as: backgrounds, texts, menus, links, etc. You can completely change the look and feel of your site in seconds. We have made a template for every need but still managed to make it unique. The goal was to make a template for every use but not make it look like a template by giving you all the options you need and want. Thank you!

Version: 1.0.2

Author: Themeple

Author URI: http://www.themeple.co

License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

.box_shadow, .sub-menu{

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

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

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

    behavior: url(css/PIE.htc);

}

.tweet{width:95% !important}

.menu-main-container{float: right;height: 50px;margin-top: 28px;width: auto;}

.menu-main-container ul{list-style:none;}

.menu-main-container ul li{display: block;float: left;position: relative; line-height:100%; width:auto;}

.menu-main-container ul li ul{display: none;left: 50%;margin-left: -52px;margin-top: 25px; position: absolute;width: 125px;z-index:500}

.menu-main-container ul li:hover ul{display:inline-block}

.menu-main-container ul li ul li{width: 120px; margin:0 !important;  padding-left:5px !important; padding-top:7px !important; padding-bottom:7px;}

.menu-main-container ul li ul li a{padding-left: 0 !important;padding-right:0 !important; padding-bottom:0 !important}

.menu-main-container ul li a{ text-decoration:none;padding-bottom:25px;float: left;padding-left: 15px;padding-right: 15px; }

.arrow_menu{float: left;height: 5px;margin-top: -6px;width: 100%;}

.menu_border{border-bottom: 1px solid #ececec;}

.arrow_menu{background: url("images/arrow_menu.png") no-repeat scroll center center transparent;}

.menu-main-container li:hover{ border-top-left-radius:2px;border-top-right-radius:2px;behavior: url(PIE.htc);}

.menu-main-container ul li ul li{color:#333 !important; border-bottom:1px solid #c0c0c0; border-top:1px solid #fff;}

.menu-main-container ul li ul li:hover{background-color:#e6e6e6}

.menu-main-container ul li ul li:last-child{border-bottom:none;}

.menu-main-container ul li li a{color:#333 !important}

.lavalamp{position:relative}

    /* Force the list to flow horizontally */

    

        /* Represents the background of the highlighted menu-item. */

        .lavalamp li.back {

            background-color:#f4f4f4;

             height: 2px;

            z-index: 8;

            position: absolute;

            margin-top:15px;

            

        }

            .lavalamp li.back .left {

                

                

            }

        /* Styles for each menu-item. */

.portnav ul li.back {

            border: 1px solid white;

            background-image: -webkit-gradient(linear, center top, center bottom, from(#f0f0f0), to(#f4f4f4), color-stop(0%, #f0f0f0), color-stop(100%, #f4f4f4));

            background-image: -webkit-linear-gradient(top, #f0f0f0 0%, #f4f4f4 100%);

            background-image: -moz-linear-gradient(top, #f0f0f0 0%, #f4f4f4 100%);

            background-image: -o-linear-gradient(top, #f0f0f0 0%, #f4f4f4 100%);

            background-image: -ms-linear-gradient(top, #f0f0f0 0%, #f4f4f4 100%);

            background-image: linear-gradient(to bottom, #f0f0f0 0%, #f4f4f4 100%);

            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#f4f4f4');

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

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

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

            behavior: url(PIE.htc);

            z-index: 8;

            position: absolute;

            

            height:17px;

            z-index:-1;

            color:#555 !important

            

        }

            .portnav ul li.back .left {

                

                height: 17px;

                

                float:left;

                z-index:-1;

                color:#555 !important

                

            }



body, p, em, input, textarea, select{ line-height: 17px; }

h1{ text-transform: lowercase; font-weight:400 !important}

h2{ font-weight:600; text-transform:uppercase}

h3{ font-weight:400}

a {text-decoration: none;}

.menu-main-container ul li{font-size:12px;text-transform:uppercase}

.menu-main-container ul li.active{font-weight:600 !important; cursor:pointer}

.menu-main-container ul li.active li{font-weight:400 !important; cursor:pointer} 



.menu-main-container ul li a{text-decoration:none}

.menu-main-container ul li ul li{font-size:11px; }

.menu-main-container ul li ul li:hover{font-weight:600 !important}

.box_layout{height:157px; padding: 20px 15px;position:relative; overflow:hidden}

.box_layout .row-fluid{margin-top:0}

.attachment-box_image{

    width:100%;

    height:100%;

    

}





h1 {

    

    font-weight: 400 !important;

    text-transform: lowercase;

    line-height:17px !important;

    padding-bottom:10px;

}





.all_block_link {

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

}







.date_day{

    

    font-weight: 300 !important;

    line-height: 55px;

    

}

.date_month{

    

    font-weight: 600;

    text-transform: uppercase;

    padding-left:10px;

}

h2 {

    

    font-weight: 600;

    text-transform: uppercase;

}

.row-fluid{

    margin-top:2.12766%;

}

.box_image {

    float: left;

    height: 157px;

    margin-left: -16px;

    margin-top: -21px;

    

    max-width:none;

}

.quote {

    

    font-weight: 300;

    font-style: italic;

    line-height: 45px;

    text-transform: none;

    background-position: left 12px;

    background: url(images/kllapa-white.png) no-repeat;

    padding-left: 35px;

    padding-top: 0px;

    width: auto;

    float: left;

    

}





.btn_closed_container{

    width: 35px;

    height: 17px;

}

.btn_closed_container span {

    float: left;

    height: 100%;

    width: 100%;

}

.btn_closed_container .open {

    background: url("images/arrow.png") no-repeat scroll center center transparent;

}

.full_image{

    width:100%;

}

.top_container{

    top: 26px;

    position: relative;

}

.container_content{

    padding:20px

}

.container_content .row-fluid:first-child{

    margin-top:0;

}

.small_icon h1{

    margin-top:7px;

}

.large_icon h2{

    margin-top:-10px;

}

.row-fluid.small_icon{

    margin-top:0;

}





.portfolio-navigation h3{

    

    float:left !important;

    line-height:18px !important;

}

.portfolio-navigation ul{

    margin: 0;

    float: left;

    list-style: none;

    display: inline;

    z-index: 100;

    margin-left: 10px;

}

.portfolio-navigation li{

    color: #555;

    text-transform: lowercase;

    float: left;

    cursor: pointer;

    text-align: center;

    width: auto;

    margin-left: 10px;

}

.portfolio-navigation li a{

    padding-left: 17px;

    padding-right: 17px;

}

.box_color {

    width:100%;

    height:100%;

    float: left;

    display:table;

}

.box_color span {

    

    width: 100%;

    height: 100%;

    position: relative;

    display: table-cell;

    vertical-align: middle;

    text-align: center;

}

.box_portfolio{

    height:157px;

}

.portfolio-single-info h3{

    font-weight:600;   

}

.portfolio-single-info .row-fluid{

    margin-top:0;

}

.no-margin-span{

    margin:0 !important;

}

.info_box {border-right: 1px solid #C9C9C9;padding: 5%;float: left;width: 39.4%; height:78px}

.info_box:nth-child(1) {border-bottom: 1px solid #c9c9c9;}

.info_box:nth-child(2) {border-bottom: 1px solid #c9c9c9; border-left:1px solid #fff}

.info_box:nth-child(3) {border-top:1px solid #fff; }

.info_box:nth-child(4) {border-top:1px solid #fff; border-left:1px solid #fff}

.info_box:nth-child(2n+1) {border-bottom: 1px solid #c9c9c9;}

.info_box:nth-child(2n+2) {border-bottom: 1px solid #c9c9c9; border-left:1px solid #fff}

.info_box:nth-child(2n+3) {border-top:1px solid #fff; }

.info_box:nth-child(2n+4) {border-top:1px solid #fff; border-left:1px solid #fff}

.info_box:nth-last-child(2){border-bottom:none}

.info_box:last-child{border-bottom:none}

.container_content2{

    padding-top:40px;

    padding-left:40px;

}

.icon_ {

float: right;

height: 36px;

width: 36px;

margin-top: 60px;

background: url(images/shigjeta-bg.png) no-repeat;

margin-right: 30px;

}

.shigjeta {

background: url(images/shigjeta.png) no-repeat center;

width: 100%;

float: left;

height: 100%;

}

#holder .row-fluid:first-child{

    margin-top:0

}

.info_post span{

    font-size:10px !important;

    color: #909090;

}

.comment_post .comment-reply-link, .comment-edit-link{

    font-size:10px !important;

    text-transform:capitalize;

}

.comment_post h2{

    line-height:15px;

    

    font-weight: 400;

    text-transform: capitalize;

}



.blog_post{

    padding-bottom:0;

}





.comments .row-fluid{

    margin-top:0px;

}

.children{

    margin:0;

}

.children .row-fluid{

    padding-left:20px;

    width:96.8%

}

.blog-box{

    height:152px;

    position:relative;

    cursor:pointer;

}

.blog-box img{

    width: 100%;

    height: 100%;

    left:0;

    top:0;	

    position: absolute;

    max-width:none;

}



.blog_grid_row .box_layout2{

    position:relative;

    cursor:pointer;

    height:157px

}



.blog_grid_row .box_layout2 img{

    width: 303px;

    height: 158px;

    margin-top: -1px;

    margin-left: -1px;

    position: absolute;

    max-width:none;

}

.blog-box:first-child{

    margin-top:0;

}

a:hover{

    text-decoration:none !important;

    

}





.blog-box:hover{

    background:#fff;

}



.blog_grid_row:first-child{

    margin-top:0;

}

.load_more_button{

    float:right;

    width:148px;

    height:36px;

    cursor:pointer;

}

.load_more_button span.text{

    float: left;

    width: 69%;

    padding: 8px;

}

.load_more_button span.icon{

    background: url("images/arrow.png") no-repeat scroll center center transparent;

    float: right;

    height: 100%;

    width: 20%;

    padding: 0 !important;

}

.load_more_button:hover{

    font-weight: 600 !important;

}

.load_more_button:hover .icon{background:url('images/arrow-active.png') no-repeat center !important}

.flex-direction-nav li .prev {

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

}

.flex-direction-nav li .next {

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

}

.flex-control-nav li a {

    background: url("images/pager_sprite.png") no-repeat scroll 0 0 transparent !important;

}



#nav li img{

    width:60px;

    height:128px;

}







.divider_{

    margin-left: -20px;

    width: 104.6% !important;

}

.span8 .divider_{

    width:107% !important;

}

.touch_slide .slides-wrap{

    width:100% !important;

    margin:0 !important;

    padding:0 !important

}

.touch_slide .slide{

    width:100%;

}

.touch_slide img, .touch_slide iframe{

    width:100% !important

}

.widget .divider_{

    width:115.6% !important;

    margin-top:18px;

    

}

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

    margin: 0 !important;

}



.widget:first-child{

    border-top:none !important;

    

}

.widget:last-child{

    border-bottom:none !important;

}

.widget{

    margin-top:0px;

}

.widgettitle{

    line-height:10px;

}

.widget .container_content:last-child{

    padding-top:0;

}

.widget ul{

    list-style: none outside none;

    margin:0 !important;

    padding:0 !important;

}

.widget ul li{

    text-transform: lowercase;

    padding:12px 20px;

    font-size: 12px;

    font-weight: 400;

    width:100%;

    margin-left:-20px;

}

.widget ul li:hover{

    font-weight: 600 !important;

    border-bottom:white;

}

.widget ul li ul li{

    padding-left: 30px;

    width:96% !important;

}

.widget ul li a:hover{

    font-weight: 600 !important;

    

}



.widget ul li:last-child{

    border-bottom:none !important;

    padding-bottom:0px;

}

.widget_archive ul li{

    border: none !important;

    font-size: 12px;

    font-weight: 400;

    text-transform: capitalize;

    padding:6px 20px;

}

.widget_archive ul li:first-child{

    border-top:none !important;

}

.widget_search .container_content{

    padding:12px 20px;

}

.widget_search .btn{

    margin-left:-3px;

}

.search_button{

    background: url(images/search-button.png) no-repeat 0 0; border:none !important;

   

    height: 30px;

    

    width: 66px !important;

    

}

.search_button:hover{background: url(images/search-button-active.png) no-repeat 0 0;}



.widget.themeple_twitter li{color:#777; border:none !important; padding-bottom:0; background: url('images/icon-tweets.png') no-repeat transparent 10px 11px; padding-left:40px}

.widget.themeple_twitter li:first-child{border:none !important}

.widget.themeple_twitter li:hover{ font-weight: 400 !important;}

.slide_element iframe{

    width: 100%;

}

.list_content ul{

    margin-top:10px !important;

}

.list_content li{

    border:none !important;

    padding-bottom:10px !important;

    padding-top:0px !important;

}

.list_content li a{

    padding-left:15px;

}

.list_content li:first-child{

    border:none !important;

    padding-top:5px;

}

.list_content li:last-child{

    border:none !important;

}

.box_layout .video_widget{

    margin:-20px -15px;

    

}

.video_widget iframe{

    width:100%;

    height:157px;

}

.row-fluid .row-fluid:first-child{

    margin-top:0 !important;

}

footer{

    position:absolute;

    height:30px;

    bottom: 0;

    width: 100%;

    left: 0;

    background: url('images/footerbg.png') repeat;

}

.container{

    min-height: 100%;

    overflow: hidden;

    position: relative;

    margin-bottom:100px;

    margin-top:50px;	

}

.footer_main{

    margin: 0 auto;

    width: 940px;

    height: 100%;

    margin-top:4px;

}

.social_widget h2{

    line-height:17px;

    width:150px;

    

    padding-right:20px;

}

.footer_main .row-fluid{

    margin-top:5px !important;

}

.social_widget .img_div{

    width:16px;

    float:left;

    padding-right:10px;

}

.img_div img{

    opacity:0.6;

}



.img_div img:hover{

    opacity:1;

}

.footer_main [class*="span"]:last-child .widget{

    float:right;

}

/* Blur Effect */

.blur {text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);color: rgba(0, 0, 0, 0);opacity: 0.5;-webkit-transition: opacity 0.5s;-moz-transition: opacity 0.5s;-o-transition: opacity 0.5s;-ms-transition: opacity 0.5s;transition: opacity 0.5s;behavior: url(PIE.htc)}

.blur img{text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.9);color: rgba(0, 0, 0, 0);opacity: 0.5;-webkit-transition: opacity 0.5s;-moz-transition: opacity 0.5s;-o-transition: opacity 0.5s;-ms-transition: opacity 0.5s;transition: opacity 0.5s;behavior: url(PIE.htc)}

.blur iframe{text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.9);color: rgba(0, 0, 0, 0);opacity: 0.5;-webkit-transition: opacity 0.5s;-moz-transition: opacity 0.5s;-o-transition: opacity 0.5s;-ms-transition: opacity 0.5s;transition: opacity 0.5s;behavior: url(PIE.htc)}



.icon_with_hover .second_img_hover{

    display:none;

}

.closed_container{

    display:none;

}

.icon{

    background: url(images/portolio-menu-bg.png) no-repeat;

    width: 35px;

    height: 17px;

    float:left;

   

}

.icon span{

    width:100%;

    height:100%;

    float:left;

}

.icon span.close{

    background: url('images/arrow-close.png') no-repeat center;

}

.icon span.open{

    background: url('images/arrow-active.png') no-repeat center;

}

.icon .back{background:url('images/arrowprevious.png') no-repeat center}

.icon:hover .back{background:url('images/arrowprevious-active.png') no-repeat center}

.icon .next{background:url('images/arrownext.png') no-repeat center}

.icon:hover .next{background:url('images/arrownext-active.png') no-repeat center}

.icon .close_port{background:url('images/x.png') no-repeat center}

.icon:hover .close_port{background:url('images/x-active.png') no-repeat center}

html ,body{

    height:100%;

}

.all_wrap{

    min-height: 100%;

    overflow: hidden;

    position: relative;

}

.box_image_portfolio{

    width: 100%;

    height: 100%;

}

.box_color{

    display:none;

}

.portfolio_single{

    display:none;

}

.portfolio-entry{

    cursor:pointer;

}

.portfolio_navigation .icon{

    margin-right:5px;

}

.portfolio_navigation:last-child{

    margin-right:0px;

}

.blog-box img:hover{

    opacity:0.8;

}

h2{

    line-height:16px !important;

}

.googlemap{

    width:100%;

    height:300px;

}

.box_layout2 img{ width:100%}

.box_layout2 img:hover{opacity:0.7}

.label{color: white !important}

.badge{color: white !important}

.widget ul li:first-child{

    border-top:none !important

}



#menu_responsive{

    display:none;

}

#menu_responsive li{

    list-style:none !important;

}





/* --------- CUSTOME SELECT BOX HERE ----------*/



.dd 										{ font-size:12px;}



.dd .ddTitle 								{ background:url(images/name-fild.png) no-repeat left top; width:310px; height:30px; padding:0; text-indent:0; cursor:default; overflow:hidden;}



.dd .ddTitle span.arrow 					{ background:url(images/arrowselect.png) no-repeat 0 0; float:right; display:inline-block; width:33px; height:30px; cursor:pointer;}

.dd .ddTitle span.arrow:hover 					{ background:url(images/arrowselect-active.png) no-repeat 0 0; float:right; display:inline-block; width:33px; height:30px; cursor:pointer;}

.dd .ddTitle span.textTitle 				{ text-indent:1px; overflow:hidden; display:inline-block; line-height:30px; padding:0 0 0 10px;}



.dd .ddTitle span.textTitle img				{ text-align:left; padding:0 2px 0 0; display:none;}



.dd .ddTitle img.selected 					{ padding:0 3px 0 0; vertical-align:top;}



.dd .ddChild 								{ position:absolute; display:none; border:1px solid #C9C9C9; border-top:0; margin:0; width:auto; overflow:auto; overflow-x:hidden !important; background-color:#fff;}



.dd .ddChild .opta a, .dd .ddChild .opta a:visited 	{ padding-left:10px}



.dd .ddChild a 								{ display:block; padding:3px 0 3px 10px; line-height:24px; text-decoration:none; color:#a4a4a4; overflow:hidden; white-space:nowrap; cursor:pointer;}



.dd .ddChild a:hover 						{ background:#eee;}



.dd .ddChild a img 							{ border:0; padding:0 2px 0 0; vertical-align:middle;}



.dd .ddChild a.selected 					{ background:#ddd; color:#000;}



.hidden 									{ display:none;}



/* --------------------------------------*/





a[rel="tooltip"] { font-size:14px; margin-right:10px; }

a[rel="tooltip"]:last-child{ margin-right:0 !important }



.portfolio-list .portfolio-entry:hover{

	background:#fff !important;

}

.social_widget h2{

	line-height:23px !important;

}

h2,h3,h4,h5,h6{

    font-weight:600 !important;

}

.full_width_image {margin-left: -20px;

width: 106.9%;

max-width: none;}

#sequence .subtitle { top:105% !important }


.wp-caption { }
.wp-caption-text { }
.sticky { }
.gallery-caption { }
.bypostauthor { }
.alignright { }
.alignleft { }
.aligncenter { }

#respond label { width:25%; float:left}
#respond textarea { width:95% }
#respond{ margin-left:20px }
#respond .comment-notes{ width:100% !important; float:left }
#respond p {width:33%; float:left}
#respond input { width:90% }
#respond .comment-form-comment { width:100% }
.form-allowed-tags { width:100% !important }

.widget_audio img{
    position: absolute;
    left: 0;
    top: 0;
    height: 124px;
    width: 100%;
}
.widget_audio audio{
    margin-left: 0;
    width: 100%;
    bottom: 0;
    position: absolute;
    left:0;
}