/* 




/* 
===============================================================================================================
01. COLUMNS
=============================================================================================================== */

.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth { position: relative; margin-right: 4%; float: left; }
.one_half { width: 48%; }
.one_third { width: 30.6666%; }
.two_third { width: 65.3332%; }
.one_fourth { width: 22%; }
.two_fourth { width: 48%; }
.three_fourth { width: 74%; }
.one_fifth { width: 16.8%; }
.two_fifth { width: 37.6%; }
.three_fifth { width: 58.4%; }
.four_fifth { width: 79.2%; }
.one_sixth { width: 13.3333%; }
.two_sixth { width: 30.6666%; }
.three_sixth { width: 47.9998%; }
.four_sixth { width: 65.3332%; }
.five_sixth { width: 82.6665%; }
.last { margin-right: 0 !important; clear: right; }
.one_half .one_half { margin-right: 8.3333%; width: 45.8333%; }
.one_half .one_third { margin-right: 8.3333%; width: 27.7778%; }
.one_half .two_third { margin-right: 8.3333%; width: 63.8889%; }
.two_third .one_third { margin-right: 6.1224%; width: 29.2517%; }
.two_third .two_third { margin-right: 6.1224%; width: 64.6258%; }
.two_third .one_fourth { margin-right: 6.1224%; width: 20.4082%; }











/* 
===============================================================================================================
02. DROPCAPS
=============================================================================================================== */


.dropcaps { text-align: center; float: left;  margin-right:5px; }
.dropcaps.simple.dropcaps {font-size:40px;line-height: 35px;height: 35px; margin-right:10px }
.fancy.dropcaps{width:35px;line-height:35px;height: 35px; margin-top:5px; background-position: center center; font-size: 25px; background-repeat: no-repeat;color: #fff; }








/* 
===============================================================================================================
03. BLOCKQUOTES
=============================================================================================================== */

blockquote { font-size: 14px; font-style: italic; }
blockquote p { margin-bottom: 0 !important; text-align: left; font-size: 14px; line-height:22px;}
blockquote cite {font-size:12px;}

blockquote.aligncenter { margin-bottom:20px; padding-bottom:20px; text-align:left;}
blockquote.alignleft { width: 30%; float: left; margin: 0 20px 10px 0; }
blockquote.alignright { width: 30%; float: right; margin: 0 0 10px 20px; }

blockquote.style1 {background:url(../images/blockquote_style1.png) 5px 10px no-repeat; padding-left:75px}
blockquote.style2 {background:url(../images/blockquote_style2.png) 5px 10px no-repeat;padding-left:75px}
blockquote.style3 {background:url(../images/blockquote_style3.png) 5px 10px no-repeat;padding-left:45px}
blockquote.style4 {padding-left:20px; margin-left:10px !important; border-left:3px solid #dddddd;}
blockquote.style5 {background-color:#eaeaea; border:2px solid #dddddd; border-left:none; border-right:none; padding:20px;}
blockquote.style6 {background: rgba(0,0,0, 0.02);padding:20px;}




/* 
===============================================================================================================
04. PRE & CODE
=============================================================================================================== */

.code, .pre {padding: 10px; white-space: 0 !important; overflow: auto; line-height: 22px;border: 1px solid #e0e0e0;background: #fdfdfd; }
.code {  padding: 22px 10px; background: url("../images/code_bg.png") repeat scroll 0 0 #fff;}





/* 
===============================================================================================================
05. CUSTOM LIST
=============================================================================================================== */

ul.tick_style, ul.play_style, ul.comment_style, ul.minus_style, ul.plus_style, ul.rounded_plus_style, ul.close_style, ul.warning_style,  ul.arrow_style, ul.question_mark_style, ul.error_style, ul.disc_style, ul.square_style, ul.wide_arrow_style, ul.star_style { list-style-type: none; margin-left: 5px; }
ul.tick_style ul, ul.play_style ul, ul.comment_style ul, ul.minus_style ul, ul.plus_style ul, ul.rounded_plus_style ul, ul.close_style, ul.arrow_style ul, ul.question_mark_style ul, ul.error_style ul, ul.disc_style ul, ul.square_style ul, ul.wide_arrow_style ul, ul.star_style ul { list-style: none; }
ul.tick_style li, ul.play_style li, ul.comment_style li, ul.minus_style li, ul.plus_style li, ul.rounded_plus_style li, ul.close_style li, ul.warning_style li,  ul.arrow_style li, ul.question_mark_style li, ul.error_style li, ul.disc_style li, ul.square_style li, ul.wide_arrow_style li, ul.star_style li { background-image: url("../images/lists_dark_gray.png"); background-repeat: no-repeat; background-attachment: scroll; background-color: transparent; padding-left: 25px; margin: 5px 0; }

ul.tick_style li { background-position: -734px 1px; }
ul.play_style li { background-position: -689px -45px; }
ul.comment_style li { background-position: -644px -87px; }
ul.minus_style li { background-position: -599px -135px; }
ul.plus_style li { background-position: -556px -178px; }
ul.rounded_plus_style li { background-position: -511px -224px; }
ul.close_style li { background-position: -465px -264px; }
ul.arrow_style li { background-position: -420px -315px; }
ul.warning_style li { background-position: -362px -369px; }
ul.question_mark_style li { background-position: -306px -424px; }
ul.error_style li { background-position: -206px -527px; }
ul.disc_style li { background-position: -142px -591px; }
ul.square_style li { background-position: -255px -475px; }
ul.wide_arrow_style li { background-position: -85px -649px; }
ul.star_style li { background-position: -13px -720px; }

ul.carenian li { background-image: url("../images/lists_carenian.png"); }
ul.red_orange li { background-image: url("../images/lists_red_orange.png"); }
ul.sunglow li { background-image: url("../images/lists_sunglow.png"); }
ul.apple_green li { background-image: url("../images/lists_apple_green.png"); }
ul.green li { background-image: url("../images/lists_green.png"); }
ul.caribbean_green li { background-image: url("../images/lists_caribbean_green.png"); }
ul.cerulean li { background-image: url("../images/lists_cerulean.png"); }
ul.cobult li { background-image: url("../images/lists_cobult.png"); }
ul.blue_purpule li { background-image: url("../images/lists_blue_purpule.png"); }
ul.deep_pink li { background-image: url("../images/lists_deep_pink.png"); }
ul.almond li { background-image: url("../images/lists_almond.png"); }
ul.air_force_blue li { background-image: url("../images/lists_air_force_blue.png"); }
ul.dark_brown li { background-image: url("../images/lists_dark_brown.png"); }
ul.brown li { background-image: url("../images/lists_brown.png"); }
ul.dark_gray li { background-image: url("../images/lists_dark_gray.png"); }
ul.light_gray li { background-image: url("../images/lists_light_gray.png"); }










/* 
===============================================================================================================
06. ICON TEXT & ICON LINK
=============================================================================================================== */

.icon_list { padding: 0 0 0 28px; background-image: url("../images/icon_lists_dark_gray.png"); background-repeat: no-repeat; background-attachment: scroll; background-color: transparent; line-height: 24px; margin: 1px 0; display: inline-block; }
.list_home { background-position: -360px 3px; }
.list_email { background-position: -331px -26px; }
.list_user { background-position: -302px -59px; }
.list_multiuser { background-position: -272px -85px; }
.list_id { background-position: -240px -120px; }
.list_addressbook { background-position: -213px -147px; }
.list_phone { background-position: -180px -178px; }
.list_link { background-position: -152px -208px; }
.list_chain { background-position: -124px -240px; }
.list_calendar { background-position: -94px -269px; }
.list_tag { background-position: -62px -298px; }
.list_download { background-position: -30px -325px; }
.list_mobile { background-position: 1px -356px; }


.icon_list.carenian { background-image: url("../images/icon_lists_carenian.png"); }
.icon_list.red_orange { background-image: url("../images/icon_lists_red_orange.png"); }
.icon_list.sunglow  { background-image: url("../images/icon_lists_sunglow.png"); }
.icon_list.apple_green { background-image: url("../images/icon_lists_apple_green.png"); }
.icon_list.green { background-image: url("../images/icon_lists_green.png"); }
.icon_list.caribbean_green { background-image: url("../images/icon_lists_caribbean_green.png"); }
.icon_list.cerulean { background-image: url("../images/icon_lists_cerulean.png"); }
.icon_list.cobult { background-image: url("../images/icon_lists_cobult.png"); }
.icon_list.blue_purpule { background-image: url("../images/icon_lists_blue_purpule.png"); }
.icon_list.deep_pink { background-image: url("../images/icon_lists_deep_pink.png"); }
.icon_list.almond { background-image: url("../images/icon_lists_almond.png"); }
.icon_list.air_force_blue { background-image: url("../images/icon_lists_air_force_blue.png"); }
.icon_list.dark_brown { background-image: url("../images/icon_lists_dark_brown.png"); }
.icon_list.brown { background-image: url("../images/icon_lists_brown.png"); }
.icon_list.dark_gray { background-image: url("../images/icon_lists_dark_gray.png"); }
.icon_list.light_gray { background-image: url("../images/icon_lists_light_gray.png"); }









/* 
===============================================================================================================
07. HIGHLIGHT
=============================================================================================================== */

.highlight { padding: 2px 5px;-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;color:#fff; }





/* 
===============================================================================================================
08. BUTTON
=============================================================================================================== */

.button {	
	margin:0 8px 20px 8px;
	margin-right:0.2px;
	display:inline-block;	
	position:relative; 
	cursor:pointer;
	text-align:center;
	vertical-align:middle;	
	zoom:1;		
	opacity:0.95;
	
	text-transform:uppercase;
	
}
button::-moz-focus-inner {
    border: none; 
}
.aligncenter .button {margin:0 0 20px 0;}

button.button{outline:none;  padding:0px; border:none !important; background:none;}

.button > span { 
	position:relative;
	display:inline-block;
	letter-spacing:1px;
	vertical-align:bottom;
	zoom:1;
	color:#fff;
}

.button > span:after {
	height:3px;
	content:"";
    position:absolute;
	bottom:-3px;
    left:0;
    right:0; 
    z-index:2;
	background:rgba(0,0,0, 0.1);
}


.button.large > span{
	font-size:14px;
	line-height: 1.8em;  padding: 0.8em 2.4em;
	font-weight:600;
	
}
.button.medium > span {
	font-size:11px;
	line-height: 1.8em;  padding: 0.8em 2.3em;
	font-weight:600;
}

.button.small > span {
	font-size:10px;
	line-height: 1.9em;  padding: 0.7em 1.9em;
	font-weight:600;
	
}




       .carenian.button{background-color:#a01115;}
     .red_orange.button{background-color:#f76a26;}
        .sunglow.button{background-color:#ffc71e;} .sunglow.button span {color:#9b5b00;}
    .apple_green.button{background-color:#99c61a;}
          .green.button{background-color:#19730f;}
.caribbean_green.button{background-color:#19b898;}
       .cerulean.button{background-color:#00d3d3;}
         .cobult.button{background-color:#0457a8;}
   .blue_purpule.button{background-color:#804ea4;}
     .deep_pink.button{background-color:#cc1983;}
         .almond.button{background-color:#cab9af;}
 .air_force_blue.button{background-color:#5c8193;}
     .dark_brown.button{background-color:#623b15;}
          .brown.button{background-color:#9d5d04;}
      .dark_gray.button{background-color:#151515;}
     .light_gray.button{background-color:#cacaca;} .light_gray.button span {color:#686868;}



.button:hover > span { color:#fff !important;}


.wpcf7-submit {border:none; outline:none; color:#fff;}




/* 
===============================================================================================================
09. MESSAGE BOXES
=============================================================================================================== */

.message_info, .message_success, .message_warning, .message_error {  margin-bottom: 30px;}
.message_info .box_content, .message_success .box_content, .message_warning .box_content, .message_error .box_content { padding: 20px 20px 20px 70px;  border: 1px solid #fff;}

.message_info .box_content { background: url('../images/info_box_icon.png') 20px center no-repeat;}
.message_info {background-color:#e5f7fd; border:1px solid #b2e5f6; }
.message_success .box_content { background: url('../images/success_box_icon.png') 20px center no-repeat;}
.message_success {border:1px solid #b5e4d2;  background-color:#daf4eb; }
.message_warning .box_content { background: url('../images/warning_box_icon.png') 20px center no-repeat;}
.message_warning {  background-color:#ffd2b1; border-color:#fdecd9;border:1px solid #f7d7b2;  }

.message_error .box_content { background: url('../images/error_box_icon.png') 20px center no-repeat;}
.message_error {  border:1px solid #ffcccc; background-color:#ffe5e5; }





/* 
===============================================================================================================
CALOUT BOX
=============================================================================================================== */

.callout_box {background: rgba(0,0,0,0.05);  padding: 15px 25px; margin-bottom: 30px;}

.callout_box h2{font-size: 18px !important; line-height: 22px; font-weight: normal !important; display: inline; margin: 0 !important;}
.callout_box .desc{}
.callout_box .button{float: right; margin: 25px 10px 0 40px;  }









/* 
===============================================================================================================
12. TABLES
=============================================================================================================== */

/* general table styles */
.table { margin-bottom: 30px; font-size: 13px; background: none !important; }
.table table { text-align: left; border-collapse: collapse; width: 100%; padding: 0; margin: 0; }
.table th { text-align: left; padding: 17px 12px 17px 15px; font-weight: bold; font-size: 14px;}
.table td { text-align: left; padding: 14px 6px 14px 15px;}
.table tfoot { font-size: 12px; }
.table tfoot td { text-align: left; padding: 8px; }


.table th { color: #fff; }
.table tbody tr { background-color: rgba(0,0,0, 0.03); border-bottom:1px solid #fff;}
.table tbody tr:hover { background-color: rgba(0,0,0, 0.06); }











/* 
===============================================================================================================
13. TABS
=============================================================================================================== */
.tabs_container { margin-bottom: 30px; background-image: none;}
ul.tabs { width:100%; display:inline-block; margin:0 0 -7px 0 !important; padding: 0; position:relative; z-index:10; }
ul.tabs li { display: inline; float: left; margin:0;}
ul.tabs li:first-child { margin-left: 0 !important; }
ul.tabs a { display: block; padding: 10px 20px;line-height: 15px; font-size:12px; white-space: nowrap; }
ul.tabs li.current a { cursor: default; margin-top: 0; }
.tabs_container .panes {  margin: 0; padding: 20px; position:relative; z-index:1;}
.tabs_container .panes > div { display: none; }





/* TABS  CLASSIC STYLE*/

.classic ul.tabs li {margin-left:8px;  }
.classic ul.tabs a {color: #7c7c7c;border: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;background-color: #f7f7f7;}
.classic ul.tabs li.current a {background-color:#fbfbfb; border-bottom:1px solid #fbfbfb !important;}
.classic.tabs_container .panes {  background-color: #fbfbfb;border: 1px solid #e0e0e0; }




/* TABS  THEME DEFAULT STYLE*/

.theme_default ul.tabs {background-color:#dfdfdf;}
.theme_default ul.tabs a {background-color: #dfdfdf;padding: 16px 20px; position:relative; z-index:100;}
.theme_default ul.tabs li.current a:after {	content:"";	width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent; position:absolute; bottom:-10px; left:50%; margin-left:-10px; z-index:100;}
.theme_default.tabs_container .panes { border:1px solid rgba(0,0,0, 0.2); background-color:#f4f4f4; }




/* TABS  MODERN STYLE*/

.modern ul.tabs li {margin:0 0 0px 5px;}
.modern ul.tabs li:first-child {margin-left:0 !important;}
.modern.tabs_container .panes {background-color: #fff; border:1px solid #dfdfdf; overflow:hidden;}
.modern ul.tabs a { background-color: #e9e9e9; color:#7c7c7c; border-top:3px solid #cfcfcf;}
.modern ul.tabs li.current a {background-color:#fff; color:#252525;  border-top:3px solid #252525;border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf;}








/* 
===============================================================================================================
14. ACCORDION & TOGGLE
=============================================================================================================== */

.accordion { margin-bottom: 30px; border-bottom: none; overflow:hidden; }
.accordion .tab, .toggle_title { margin: 0; padding: 15px 25px 15px 0; font-weight: bold; text-transform:uppercase; cursor: pointer; border-bottom:1px dotted rgba(0,0,0, 0.2); position:relative;}
.accordion .tab.current {border-bottom:none;}
.toggle_title {margin-bottom:0px !important; }
.accordion .tab.current { cursor: default; }
.accordion .pane, .toggle_content{display: none; padding: 0 25px 15px 0;border-bottom:1px dotted rgba(0,0,0, 0.2); }

.toggle {margin-bottom:30px;}
.toggle_title {border-top:1px dotted rgba(0,0,0, 0.2);}

.toggle_active {border-bottom:none;}

.accordion .tab:after, .toggle_title:after {width:8px; height:8px; content:""; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;  position:absolute; top:50%; right:5px; margin-top:-6px;}
.accordion .tab.current:after, .toggle_title.toggle_active:after {width:10px; height:4px; content:""; margin-top:-2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; }



/* 
===============================================================================================================
15. ANYTHING SLIDER
=============================================================================================================== */

.anything_slider_shortcode {}
.anything_slider_shortcode .slides_container { min-height: 50px; padding-bottom: 10px; position: relative; }
.anything_slider_shortcode .slide { display: block; }












/* 
===============================================================================================================
16. DIVIDERS
=============================================================================================================== */

hr { border: 0 solid transparent !important; background-color: transparent !important; height: 1px; }
.divider { clear: both; margin-bottom: 40px; padding-top: 30px; }
.padding_space { clear: both; }
.divider .middle, .divider .right, .divider .left { float: left; padding-top: 40px; margin-bottom: 30px; }
.top { font-size: 10px; line-height: 10px; margin-bottom: 50px; }
.top span { border-bottom: 1px solid rgba(0,0,0, 0.2); display: inline-block; width: 97%; float: right; height: 8px;border-bottom: 1px solid #ddd; }
.top a { height: 20px; width: 25px;color: #bbb !important; }


.divider.style1 { border-bottom: 1px solid rgba(0,0,0, 0.2); }
.divider.style2 { border-bottom: 1px dotted rgba(0,0,0, 0.2); }
.divider.style3 { border-bottom: 1px dashed rgba(0,0,0, 0.2); }
.divider.style4,.divider.style5 {border-bottom-width: 4px; border-bottom-style: solid;}

.divider_center .divider{text-align:center; margin:0 auto 40px auto;}
.divider_right .divider{float:right; clear:both;}
.divider_left .divider{float:left; clear:both;}

.divider_full{width: 100%;}
.divider_two_third {width: 65.3332%;}
.divider_one_half {width: 48%; }
.divider_one_third {width: 30.6666%;}
.divider_one_fourth {width: 22%;}
.divider_one_fifth {width: 16.8%;}
.divider_one_sixth { width: 13.3333%;}



/* 
===============================================================================================================
17. IMAGE
=============================================================================================================== */

.image_container { position: relative; z-index: 10; margin-bottom:30px; }
.classic_thumb .image_container{margin-right:20px;}
.image_frame {position: relative; overflow:hidden}

.image_container, .image_frame, .image_container img { display: block; }
.image_overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity:0; overflow: hidden; z-index:5;background:rgba(255,255,255, 0.5); }


.plus_icon {display:block; width:43px; height:43px; background: url(../images/image_hover_icons.png) center left; position:absolute; right:-43px; bottom:-43px; z-index:6;}
.hyperlink_icon {display:block; width:43px; height:43px; background: url(../images/image_hover_icons.png) center right; position:absolute; right:-43px; bottom:-43px; z-index:6;}

.image_shortcode {background:rgba(0,0,0, 0.04); border-bottom:2px solid rgba(0,0,0, 0.1)}
.image_shortcode_title {margin:20px;font-size:14px !important;}
.image_shortcode_title:after {content:""; display:block; width:60px; height:3px; background-color:#151515;margin:10px 0;}
.image_shortcode_desc {font-style:italic;margin:20px; color:#929292; font-size:11px; display:block;}

.image_container.alignleft {float: left; margin-right:20px }
.image_container.alignright {float: right; margin-left:20px; }
.image_container.alingnone { margin: 0 20px 20px; }

.image_no_link { cursor: default; }
.preloading { background: url("../images/loading.gif") #fff no-repeat 50% 50%; }







/* 
===============================================================================================================
18. GOOGLE MAPS
=============================================================================================================== */

#page .content .google_map {margin-bottom:30px;}





/* 
===============================================================================================================
SKILL METER
=============================================================================================================== */

.skill_meter {display:block; clear:both; margin-bottom:15px;}
.skill_meter_title {margin-bottom:6px; display:block;}
.skill_meter_wrapper {width:100%; height:12px; background:rgba(0,0,0,0.1);}
.progress_bar {height:12px; position:absolute; left:0; background:rgba(0,0,0,0.3);}



/* 
===============================================================================================================
19. RECENT COMMENTS
=============================================================================================================== */

#main .widget_recent_comments ul { margin: 0 0 30px; }
#main .widget_recent_comments li { margin: 0; list-style: none; padding: 6px 0 6px 30px; background: url('../images/recent_comments_icon.png') left 10px no-repeat; }
.widget.widget_recent_comments li {background-position: left 14px; }




/* 
===============================================================================================================
20. Fancy Heading
=============================================================================================================== */
.fancy_heading {margin-bottom:30px;}
.fancy_heading{font-weight:800 !important;}
.fancy_heading.style1:after {content:""; display:block; width:70px; height:4px; margin:10px 0 20px 0;}
.fancy_heading.small {font-size:14px !important;}
.fancy_heading.medium {font-size:22px !important;}
.fancy_heading.large {font-size:34px !important;}

.fancy_heading.style2 { text-align:center; margin:0 auto 30px auto; }
.fancy_heading.style2:after, .fancy_heading.style2:before {content:""; width:120px; height:1px; background:rgba(0,0,0, 0.4); margin-bottom:5px; display:inline-block;}
.fancy_heading.style2:after {margin-left:10px;}
.fancy_heading.style2:before {margin-right:10px;}
.fancy_heading.style3 {padding-bottom:15px;}



/* 
===============================================================================================================
21. VIDEO
=============================================================================================================== */

.video_frame { margin-bottom: 30px; text-align: center; }






/* 
===============================================================================================================
22. PORTFOLIO
=============================================================================================================== */

.portfolio_container { height: 80%; padding-bottom:40px;}
.portfolio_title {line-height:1em; margin-bottom:10px;}
.portfolio_title, .portfolio_title a { font-size:16px !important; font-weight:800 !important;padding:50px 30px 0 30px;}
.portfolio_more_button {display:inline-block; margin:15px 5px 5px 5px; white-space: nowrap;  position: relative; outline: none; overflow: visible; cursor: pointer;background-color:#fff;}
.portfolio_more_button a {padding: 0.6em 1em; line-height: 1.3em; display:inline-block; font-size:12px;color:#878787;}
.portfolio_more_button:hover {background-color:#f6f6f6; }     
.portfolio_single {margin-bottom:30px;}

/* Portfolio Sortable
---------------------------------------------------------- */
#portfolios header { margin-bottom:60px; padding-bottom:10px;}
#page #portfolios header a {display:block;float:left;padding:7px 14px 6px 24px; color:#fff; text-transform:uppercase; font-size:12px; font-weight:700 !important; margin:0 5px 5px 0; background: url(../images/portfolio_plus.png) 8px -18px no-repeat; 	 }
#page #portfolios header a:hover {color:#fff !important;}
#page #portfolios header a.current { background:#afafaf url(../images/portfolio_plus.png) 8px 15px no-repeat;}



#portfolios .portfolio_item {  margin:10px; display:block;}
#portfolios .portfolio_item img {position:absolute; top:0; left:0;}
#portfolios .portfolio_item_wrapper {overflow:hidden; margin:0; padding:0;}
#portfolios .portfolio_item_details {position:absolute; left:0; top:0; display:block; width:100%; padding:0; margin:0; height:100%; text-align:center; opacity:0; z-index:200; overflow:hidden;}

#portfolios .portfolio_title:after {height:3px; width:90px;content:""; margin:10px auto 10px auto; display:block;}
#portfolios .portfolio_item_category{font-weight:700; text-align:center; display:block; z-index:10; color:#fff; text-transform:uppercase; font:14px;}
#portfolios .portfolio_overlay{width:100%; height:100%; position:absolute; z-index:200; left:0; top:0; opacity:0; }


.portfolio_single_introduce {float:left; width:800px; margin-bottom:30px;}
.portfolio_single_introduce h1{margin-bottom:15px; font-size:36px !important; font-weight:800 !important; }
.portfolio_single_introduce .portfolio_single_category {text-transform:uppercase; font-size:18px; color:#999999}

.portfolio_item_wrapper .plus_icon{ z-index:211; }
.portfolio_item_wrapper .lightbox_link {position:absolute; right:0; bottom:0; width:50px;  display:block; z-index:210; height:50px;}



.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -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 {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, 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;
}



.portfolio_single_pagination {  margin-bottom: 40px; float:right; width:100px; }
.portfolio_single_pagination .next a, .portfolio_single_pagination .previous a{width:42px; height:42px; background:#afafaf url(../images/next_prev_arrows.png)  no-repeat; display:block;} 
.portfolio_single_pagination .previous a { float: left; background-position:16px center  }
.portfolio_single_pagination .next a { float: right; background-position:-45px center;}








/* Portfolio Newspaper Style */

.newspaper_style.portfolio_item {margin:12px !important; background:#ebeaea; border-bottom:3px solid #d1d1d1;}

.portfolio_item_wrapper_newspaper { display:block; overflow:hidden;}
.portfolio_newspaper_image{ display:block; position:relative; }
.portfolio_newspaper_image img{  display:block;}
.portfolio_overlay_newspaper {width:100%; height:100%; background:rgba(255,255,255, 0.6); opacity:0; position:absolute; left:0; top:0; z-index:4;}
.portfolio_plus_icon_newspaper, .portfolio_arrow_icon_newspaper {position:absolute; z-index:10; width:43px; height:43px; top:50%; margin-top:-21px; opacity:0; }
.portfolio_plus_icon_newspaper {left:-43px; background: url(../images/image_hover_icons.png) left center;}
.portfolio_arrow_icon_newspaper {right:-43px; background: url(../images/image_hover_icons.png) right center;}


.portfolio_title_newspaper {font-size:14px !important; font-weight:bold !important; padding:25px 30px 15px 30px; text-align:center;}
.portfolio_title_newspaper:after {content:""; margin:10px auto 0; display:block; width:60px; height:4px; background:#151515;}
.portfolio_desc_newspaper {padding:0 20px 30px; text-align:center; font-size:11px;}
.portfolio_meta_newspaper{font-size:10px; color:#a3a3a3 !important; text-transform:uppercase; padding:10px 20px; border-top:1px solid rgba(0,0,0, 0.1)}
.portfolio_category_newspaper {float:left;}
.portfolio_date_newspaper {float:right; padding-left:17px; background:url(../images/portfolio_date_icon.png) center left no-repeat;}



/* Portfolio Single Post */

.portfolio_single_meta {padding:10px; margin-bottom:40px; border:1px solid rgba(0,0,0, 0.1); border-left:none; border-right:none;}
.portfolio_single_date {padding-left:17px; background:url(../images/portfolio_date_icon.png) center left no-repeat; }
.portfolio_single_date a {color:#b3b3b3 !important; font-size:10px; text-transform:uppercase;}
.portfolio_single_social {float:right;}
.portfolio_single_social .share_buttons {float:right; }

/* 
===============================================================================================================
23. PRICNING TABLES
=============================================================================================================== */


.pricing_table .plan {display:block; float:left; }
.pricing_table{margin:40px auto 80px auto; text-align:center;}

.pricing_table.col_1 .plan{width:350px;}
.pricing_table.col_2 .plan{width:300px;}
.pricing_table.col_3 .plan{width:250px;}
.pricing_table.col_4 .plan{width:225px;}
.pricing_table.col_5 .plan{width:191px;}

.pricing_table.col_1 {width:355px;}
.pricing_table.col_2 {width:610px;}
.pricing_table.col_3 {width:760px;}
.pricing_table.col_4 {width:910px;}
.pricing_table.col_5 {width:960px;}



.pricing_table .plan .list {background:rgba(0,0,0, 0.05);border-right:1px dotted rgba(0,0,0, 0.1);border-top:10px solid rgba(0,0,0, 0.05); padding-bottom:40px; position:relative; }
.pricing_table .plan.column_0 .list {border-left:1px dotted rgba(0,0,0, 0.1);}
.pricing_table .plan .list ul, .pricing_table .plan .list ul li {margin:0; padding:0; list-style:none; text-align:center;} 
.pricing_table .plan .list ul li {padding:20px 0; border-bottom:1px dotted rgba(0,0,0, 0.1);}
.pricing_table .plan .list ul li:last-child {border:none !important;}
.pricing_button { position:absolute; bottom:-15px; left:0; width:100%;}

.pricing_button a{padding:7px 30px; color:#fff !important; border:1px solid rgba(0,0,0, 0.05); display:inline-block;}
.pricing_button a:hover {opacity:0.7;}

.pricing_table .plan .price {font-size:40px; font-weight:700; margin-bottom:20px;}
.pricing_table .plan .name { margin-bottom:15px; font-size:14px;}
.pricing_table .plan .name:after {content:""; width:50px; height:4px; background-color:#fff; display:block; margin:10px auto; }
.pricing_table .plan .per {font-size:10px;}


.pricing_table .plan .heading {color:#fff; padding:20px; text-transform:uppercase; border:1px solid rgba(0,0,0, 0.05); border-right:none; }
.plan.popular .heading{padding-top:40px;}
.plan.popular {margin-top:-20px;}
.plan.popular .list {background:rgba(0,0,0, 0.08);}

/* 
===============================================================================================================
24. SLIDESHOW
=============================================================================================================== */


/*
 * jQuery FlexSlider v1.8
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
.slideshow_shortcode {margin-bottom:30px;}
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
.flex-container ul, .flex-container ul li{margin:0; padding:0;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
.flexslider { position: relative; zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
.flex-container {zoom: 1; position: relative;}

.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {width: 96%; padding: 2%; margin: 0; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3);}


/* Direction Nav */
.flex-direction-nav { height: 0; }
.flex-direction-nav li a {width: 40px; height: 40px; margin: -20px 0 0; padding:0 !important; display: block; background: url(../images/next_prev_arrows.png) no-repeat; position: absolute; top: 50%; cursor: pointer; text-indent: -999em;}
.flex-direction-nav li .next {background-position: -45px 14px; right:0px;}
.flex-direction-nav li .prev {left:0px;background-position: 14px 14px; }
.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {display:none;}



.shortcode_blog .blog_excerpt {}
.shortcode_blog .blog_excerpt p { font-size:11px; color:#777777;}

.shortcode_blog article{margin-bottom:30px;}
.shortcode_blog_title { margin-bottom:15px;}
.shortcode_blog_title a{ padding-bottom:15px;line-height:18px; font-size:16px; font-weight:400; display:block;}



/*===============================================================================================================
GALLERY SHORTCODE
=============================================================================================================== */

.gallery-item img{border:1px solid rgba(0,0,0,0.1) !important; padding:3px;}
.gallery-item img:hover {opacity:0.7;}