/*
 * CSS For DotNetNuke Skin by bestdnnskins.com
 * Copyright 2013 By BESTDNNSKINS.COM
 */
/*-------- Design style --------*/
.floatl{ float:left;}
.floatr{ float:right;}
.pc_display { display:block;}
.mobile_display{ display:none;}
.mobile_nav { display:none;}
.pre_defined_color { background:#768092;}

#skin_wrapper {width:100%;  position:inherit!important;z-index:1;  background:#fff; margin:0 auto; }
.skin_width { width:100%;max-width:1140px;min-width:767px;margin:0 auto; position:relative;}

#skin_header{ background:#fff; background:rgba( 255,255,255,0.92); }
.header_style { position:relative; }
.logo_style{ float:left;padding:0 1.5%; line-height:90px;}
.logo_style img { max-height:90px; }
.menu_style{ float:right; padding-right:20px;}
.banner_style{ background:#768092; border-top:1px solid #e9e9e9;}
.skin_main { min-height:700px; }
.skin_top_content { padding:20px 1.5%;}
.skin_main_padding{ padding:0 1.5%;}
.content_whitebg{ background:#fff; }
.content_graybg{ background:#f1f1f1; }
.skin_main_bottom{ background:#768092; }
.footer_top{ }
.footerpane_style{}
.headerpane {}
.footer_oulogo {background-image: url("../images/footerlogo.png");
    background-position: 0px 28px;
    background-repeat: no-repeat;
    padding-left:65px;
    margin-bottom:10px;
	background-color: #2e2e2e;
	min-height: 102px;
	}
.copyright_bg{ }
.copyright_bar{  border-top:1px solid #222; color:#666;}
.footer_left{ float:left;padding:20px 1%;}
.socialpane_style{ float:right; padding:10px 1.5%;}

/*top right icons*/
.icons_menu{ float:right; margin-right:1.2%; margin-top:30px; position:relative; z-index:1001;}
.icon_search{ display:block; background:url(../images/icon_search.png) no-repeat; width:30px; height:30px; float:left; position:relative; padding-right:5px; cursor:pointer; }
.icon_search_style{ display:none; width:170px;position:absolute; left:-83px; top:35px; padding:15px; background:#e9e9e9; background:rgba(233,233,233,.9); border:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.icon_search_style:before {width:0; height:0; position: absolute; left:92px; top:-5px; border-bottom:6px solid #e9e9e9; border-left:6px solid transparent; border-right:6px solid transparent; border-top:none; content:"";}

.icon_user{ position:relative;float:left; padding-right:5px; cursor:pointer; }
.icon_user_hover{ display:none; width:160px;position:absolute; left:-63px; top:35px; padding:0; background:#e9e9e9; background:rgba(233,233,233,.9); border:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; }
.icon_user_hover:before {width:0; height:0; position: absolute; left:72px; top:-5px; border-bottom:6px solid #e9e9e9; border-left:6px solid transparent; border-right:6px solid transparent; border-top:none; content:"";}

.icon_login{ float:left; padding-right:5px; }
.icon_lang{ display:none; background:url(../images/icon_lang.png) no-repeat; width:30px; height:30px;float:left; position:relative; cursor:pointer;}
.icon_lang_style{display:none; width:60px;position:absolute; left:-13px; top:35px; padding:0 0 15px; background:#e9e9e9; background:rgba(233,233,233,.9); border:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; }
.icon_lang_style:before {width:0; height:0; position: absolute; left:22px; top:-5px; border-bottom:6px solid #e9e9e9; border-left:6px solid transparent; border-right:6px solid transparent; border-top:none; content:"";}


/*leftsidebar layout*/
.LM_main_content { margin-top:0;}
.LM_position { float:left; width:22%; padding:10px 1% 10px 0; }
.LM_skin_content { float:left; min-height:350px; width:75%; padding:10px 1%;}
.leftside_style { padding:0;}

/*menu hover effect*/
.setHover {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #94D9F3;
    width: 0;
    height: 5px;
    transition: width 0.4s ease 0s;
    -webkit-transition: width 0.4s ease 0s;
    -moz-transition: width 0.4s ease 0s;
    z-index: 1;
}

/*page name*/
.page_name { background:#768092; position:relative; min-height:70px; }
.pagename_style h1{ float:left; padding-left:1.5%; color:#fff; line-height:70px; font-size:22px; font-weight:normal; position:relative; z-index:913; margin:0;}
.breadcrumb_style {float:right; padding-right:1.5%; color:#fff; line-height:70px;}

/*--------- StandardMenu style ----------*/
#standardMenu { position:relative; margin:0 auto; }
#standardMenu ul { list-style:none; margin:0; padding:0;}
#standardMenu li{ position:relative; display:block; float:left; margin:0; list-style-type:none; }

#standardMenu .rootMenu li a{ display:block; position:relative; float:none; z-index:10; cursor:pointer; text-decoration:none; }
#standardMenu .rootMenu li.selected a, #standardMenu .rootMenu li.rmHover a, #standardMenu .rootMenu li.breadcrumb a, #standardMenu .rootMenu li:hover a, #standardMenu .rootMenu li a:hover { text-decoration:none;}

#standardMenu .rootMenu li a span { display:block; padding:0 12px; height:90px; line-height:90px; color:#6b6b6b;  white-space:nowrap; font-size:15px; font-weight:600;font-family:'Titillium Web',Arial, Tahoma, sans-serif;text-transform:none;}
#standardMenu .rootMenu li.selected a span, #standardMenu .rootMenu li.breadcrumb a span, #standardMenu .rootMenu li:hover a span, #standardMenu .rootMenu li a:hover span  {  color:#768092;}
#standardMenu .rootMenu li:hover .setHover { width:100%;}

/*-- submenu --*/
#standardMenu .subMenu {position:absolute;left:0; width:180px; top:auto;z-index:1210;display:none;padding:0; background:rgba(250,250,250,0.92); border:1px solid rgba(0,0,0,.18);}
#standardMenu .rootMenu li.rmHover .subMenu { display:block; }
#standardMenu .subMenu ul{ margin:0; padding:0; position:relative; z-index:1200;}
#standardMenu .subMenu li{ float:none; clear:both; background:none; width:100%; padding:0; *margin-bottom:-3px;}
#standardMenu .subMenu li.item a{ border:none; border-top:1px solid rgba(0,0,0,.18);  padding:0; background:none; }
#standardMenu .subMenu li.first > a { border-top:none; }
#standardMenu .subMenu li.last > a{ border-bottom: none;}
#standardMenu .subMenu li.item a span{ display:block; background:none; font-size:12px; color:#666; font-weight:normal; white-space:normal; height:auto; line-height:1.5em; padding:10px 15px 10px 15px; text-transform:none; margin:0;}
#standardMenu .subMenu li.selected > a span, #standardMenu .subMenu li.breadcrumb > a span, #standardMenu .subMenu li.item a:hover span { background:#768092;  color:#fff; cursor:pointer;}
#standardMenu .subMenu .subarrow{ background:url(../images/menu-arrow01.gif) no-repeat; position:absolute; right:0; top:15px; width:15px; height:7px;}
#standardMenu .subMenu li.selected > a .subarrow, #standardMenu .subMenu li.breadcrumb > a .subarrow, #standardMenu .subMenu li.item a:hover .subarrow{ background:url(../images/menu-arrow02.gif) no-repeat; position:absolute; right:0; top:15px; width:15px; height:7px;}

#standardMenu ul li ul li ul{ display:none; width:180px; margin:0; background:rgba(250,250,250,0.92);  border:1px solid rgba(0,0,0,.18);}
#standardMenu ul li ul li ul.level1{ display: none;position:absolute;left:180px; top:0; padding:0;}
#standardMenu ul li ul li.child-1 ul.level1 { top:-1px; }
#standardMenu ul li ul li ul li ul.level2 { display:none;position:absolute;left:180px;top:0; padding:0;}
#standardMenu ul li ul li ul li.child-1 ul.level2 { top:-1px; }
#standardMenu ul li ul li ul li ul li:hover ul.level3 { display: block;position:absolute;left:180px;top:0; padding:0;}
#standardMenu ul li ul li ul li ul li.child-1 ul.level3 { top:-1px; }

#standardMenu img.mmIcon {max-height:24px; margin-right: 7px; vertical-align: middle;}
#standardMenu img.rootIcon {max-height:40px; margin-right:7px; margin-left:-10px; vertical-align: middle;}

/*--------- MegaMenu style ----------*/
#megaMenu { position:relative; margin:0 auto; }
#megaMenu ul { list-style:none; margin:0; padding:0;}
#megaMenu li{ position:relative; display:block; float:left; margin:0; list-style-type:none; }

#megaMenu .root li a{ display:block; position:relative; float:none; z-index:10; cursor:pointer; text-decoration:none; }
#megaMenu .root li.selected a, #megaMenu .root li.rmHover a, #megaMenu .root li.breadcrumb a, #megaMenu .root li:hover a, #megaMenu .root li a:hover { text-decoration:none;}

#megaMenu .root li a span {
    display: block;
    padding: 0 12px;
    height: 60px;
    line-height: 70px;
    color: #FFFFFF;
    white-space: nowrap;
    font-size: 15px;
    text-transform: none;
}
#megaMenu .root li.selected a span, #megaMenu .root li.breadcrumb a span, #megaMenu .root li:hover a span, #megaMenu .root li a:hover span {
    color: #94D9F3;
}
#megaMenu .root li:hover .setHover { width:100%;}

/*-- category - AJY MOD --*/
#megaMenu .category {
    position: fixed;
    left: 50%;
    margin-left: -512px;
    top: 220px;
    z-index: 1210;
    width: 1004px;
    display: none;
    padding: 5px 8px 12px 8px;
    /*background: rgba(250,250,250,0.92);*/
    background-color:white;
    border: 1px solid rgba(0,0,0,.18);
    box-shadow: 4px 4px 4px #999;
}
#megaMenu ul li:hover ul{ visibility: visible; }
#megaMenu .root li.rmHover .category { display:block;}
#megaMenu .category ul{ margin:0; padding:0; position:relative; z-index:1200;}
#megaMenu .category li{ background:none; margin:0 8px; width:230px; padding:0; float:left;}
#megaMenu .category li.item a{ border:none; border-bottom:1px solid rgba(0,0,0,.18);  background:none;}
#megaMenu .category li.item a span{ display:block; background:none; font-size:14px; color:#666; font-weight:bold; white-space:normal; height:auto; line-height:1em; padding:10px 0 5px 0; margin:0; text-transform:none; }
#megaMenu .category li.selected > a span, #megaMenu .category li.item a:hover span {
    background: none;
    text-decoration: none;
    color: #666666;
}
#megaMenu .category li.selected > a span, #megaMenu .category li.item a:link span, #megaMenu .category li.item a:visited span
{
    color: #666666;
    cursor: pointer;
}
#megaMenu ul li ul li ul{ position: relative; padding:0; width:auto; border:none;}
#megaMenu .leaf li{ clear:both;float:none; width:225px; margin:0 0 0 5px; padding:0; }
/*-- #megaMenu .leaf li.item a{ text-transform: none; font-size:12px; padding:0 0 0 6px; line-height:1em; background:url(../images/right.gif) top 7px left 0px no-repeat; border:none;} --*/
#megaMenu .leaf li.item a{ text-transform: none; font-size:12px; padding:0; line-height:1em; border:none;}
#megaMenu .leaf li.item a span{ display:block; background:none; font-size:12px; color:#666; font-weight:normal; height:auto; line-height:1.5em; padding:0; text-transform:none; }
#megaMenu .leaf li li{ clear:both;float:none; width:155px; margin:0 0 0 15px; }
#megaMenu .leaf li.selected > #megaMenu a span {
    color: #ffe1aa;
    cursor: pointer;
}

#megaMenu .leaf li.item a:hover span, #megaMenu .category li.item a:hover span {
    color: #5A0000;
    cursor: pointer;
	font-weight: bold;
}

#megaMenu .category li.item a:not([href]) span, #megaMenu .category li.item a:not([href]) span
{
    /* Styles for anchors without href */
    color: #666666;
    cursor: default;
}

#megaMenu img.mmIcon {max-height:24px; margin-right: 7px; vertical-align: middle;}
#megaMenu img.rootIcon {max-height:40px; margin-right:7px; margin-left:-10px; vertical-align: middle;}

/*--------- LeftMenu style ----------*/

#leftMenu a.sidemenu_pagetitle {
    border: none;
    color: #800000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    display: block;
    white-space: normal;
    line-height: 22px;
    padding: 10px 10px 10px 25px;
    text-shadow: none;
    text-transform: none;
    margin: 0;
}

#leftMenu {
    border: 1px solid #dad6ce;
    position: relative;
    margin: 0 auto;
    background-color: #f5f4f2;
    border-radius: 10px;
    -webkit-border-radius: 10;
    -moz-border-radius: 10px;
}

#leftMenu ul { list-style:none; margin:0px; padding:0;}
#leftMenu li {
    display: block;
    float: none;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    line-height: normal;
    border-top-style: dotted;
    border-top-width: thin;
    border-top-color: #dad6ce;
}
#leftMenu li:first-child {
    border-top:0px
}
#leftMenu .leftRoot li a {
    text-decoration: none;
}
#leftMenu .leftRoot li a span {
    display: block;
    font-size: 14px;
    color: #555555;
    font-family: Arial, Helvetica, sans-serif;
    white-space: normal;
    padding: 10px 10px 10px 10px;
    font-weight:normal; 
} 

#leftMenu .leftRoot li.selected > a span, #leftMenu .leftRoot li a:hover span {
    background: none !important;
    color: #810000;
   font-weight:normal;
}

#leftMenu li.selected {
    background: none;
    color: #810000;
    font-weight: bold;
}

/*-- submenu --*/

/*-- submenu LINK --*/
#leftMenu .sublinks li.item a span {
    display: block;
    font-size: 12px;
    color: #555555;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    padding: 5px 10px 5px 15px;
    background: none;
}
#leftMenu .sublinks li.selected > a span, #leftMenu .sublinks li a:hover span {
    background: none !important;
    color: #810000;
    font-weight: normal;
}
#leftMenu .sublinks li a:hover span {
    background: none !important;
    color: #810000;
}

#leftMenu .level1 li.item a span {
    display: block;
    font-size: 12px;
    color: #555555;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    padding: 5px 10px 5px 25px;
    background-color: #FDFDFB;
}
#leftMenu .level1 li.selected > a span, #leftMenu .level1 li a:hover span {
    background: none !important;
    color: #810000;
    font-weight: bold;
}
#leftMenu .level1 li a:hover span {
    background: none !important;
    color: #810000;
}

#leftMenu .level2 { display: block; }
#leftMenu .level2 li.item a span { padding-left:30px; }

#leftMenu .level3 { display: block; }
#leftMenu .level3 li.item a span { padding-left:35px;}

#leftMenu img.mmIcon {max-height:24px; margin-right: 7px; vertical-align: middle;}
#leftMenu img.rootIcon {max-height:30px; margin-right: 6px; vertical-align: middle;}

.leftRoot ul {display: none;}
.breadcrumb > ul {
    display: block;
    border-top-style: dotted;
    border-top-width: thin;
    border-top-color: #dad6ce;
}

/*--------- Pane Style ----------*/
.DNNEmptyPane{ display:none!important;}
.dnnpane [class*="grid"] { padding:5px 0px 5px 0px;}
.socialpane { padding: 0;}

.topgrid6a{}
.topgrid6b{}
.topgrid4a{}
.topgrid4b{}
.topgrid4c{}
.topgrid3a{}
.topgrid3b{}
.topgrid3c{}
.topgrid3d{}
.topgrid8l{}
.topgrid8r{}
.topgrid4l{}
.topgrid8r{}
.topgrid12{}

.graygrid4a{}
.graygrid4b{}
.graygrid4c{}
.graygrid12{}

.middlegrid4a{}
.middlegrid4b{}
.middlegrid4c{}
.middlegrid12{}

.gray2grid4a{}
.gray2grid4b{}
.gray2grid4c{}
.gray2grid12{}

.bottomgrid4a{}
.bottomgrid4b{}
.bottomgrid4c{}
.bottomgrid12{}

.colorgrid12{}

.footer_grid3a { margin:20px 0 0px 0;}
.footer_grid3b { margin:20px 0 0px 0;}
.footer_grid3c { margin:20px 0 0px 0;}
.footer_grid3d { margin:20px 0 0px 0;}
.footerpane { margin:0 0 0px 0;}

.i_content_grid12 {}

.i_one_grid3 {}
.i_one_grid9 {}

.i_two_grid4a {}
.i_two_grid4b {}
.i_two_grid4c {}

.i_three_grid9 {}
.i_three_grid3 {}

.i_four_grid12 {}
.i_five_grid6a {}
.i_five_grid6b {}

.i_six_grid3a {}
.i_six_grid3b {}
.i_six_grid3c {}
.i_six_grid3d {}
.i_seven_grid12 {}

.leftsidepane { padding:10px 0; }
.l_one_grid8 {}
.l_one_grid4 {}
.l_two_grid6a {}
.l_two_grid6b {}
.l_three_grid4 {}
.l_three_grid8 {}
.l_four_grid4a {}
.l_four_grid4b {}
.l_four_grid4c {}
.l_five_grid12 {}

/*--------- Grid Style ----------*/
.row-fluid span.SubHead center { font-weight:normal;  font-size:13px; }

/*--------- User Profile Style ----------*/
.user_profile{  cursor: pointer; display: block; }
.user_profile ul { margin:0; padding:10px 0; border:none;}
.user_profile .registerGroup, .user_profile .registerGroup *{ display:block;} 
.user_profile .registerGroup{ float:left;padding:0;margin:0;} 

/* Register Group Styles */
.user_profile .registerGroup li{ width:150px; margin:0; padding:5px;border:none; border-bottom:1px solid #d9d9d9; border-top:1px solid #f5f5f5; }
.user_profile .registerGroup li:first-child { border-top:none; }
.user_profile .registerGroup li:last-child { border-bottom:none; }
.user_profile .registerGroup .buttonGroup{ margin-right:0;}
.user_profile .registerGroup a{ position:relative;display:block;padding:0 9px;min-width:15px;font-weight:normal;font-size:12px;vertical-align:middle;color:#333!important; height:28px; vertical-align:middle;line-height:28px;}
.user_profile .registerGroup a:hover{  color:#444!important; text-decoration:none;}
.user_profile .registerGroup a:active{ color:#444;padding:0 9px;}
.user_profile .registerGroup a strong{ position:absolute;left:0; top:0; padding-left:30px; height:100%;display:block;font-size:12px;font-weight:normal;overflow:hidden;}
.registerGroup .userMessages,.registerGroup .userNotifications { background:none;}
.registerGroup .userMessages strong,.registerGroup .userNotifications strong{ background:url(../images/userLoginSprite.png) no-repeat 9px 10px;}
.registerGroup .userNotifications strong{ background-position:-91px 7px;}
.registerGroup .userMessages strong:hover{ background-position:9px -41px;}
.registerGroup .userNotifications strong:hover{ background-position:-91px -44px;}
.registerGroup .userMessages strong:active{ background-position:9px 11px;}
.registerGroup .userNotifications strong:active{ background-position:-91px 8px;}	
.user_profile .registerGroup a span{ position:absolute;right:5px; top:-7px;display:inline-block;padding:2px 4px;line-height:20px;min-width:7px;text-align:center;margin-right:3px;background: rgb(31,152,241); /* Old browsers */font-size:9px;color:#fff;text-shadow: 0px 1px 0px #333333;
/*CSS3*/	
background: -moz-linear-gradient(top, rgba(31,152,241,1) 0%, rgba(2,111,196,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(31,152,241,1)), color-stop(100%,rgba(2,111,196,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(31,152,241,1) 0%,rgba(2,111,196,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(31,152,241,1) 0%,rgba(2,111,196,1) 100%); /* Opera 11.10+ */
background: linear-gradient(top, rgba(31,152,241,1) 0%,rgba(2,111,196,1) 100%); /* W3C */			
-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; -webkit-box-shadow: 0px 1px 0px 0px #222222;-moz-box-shadow: 0px 1px 0px 0px #222222;box-shadow: 0px 1px 0px 0px #222222; }
.user_profile .registerGroup li.userDisplayName { border-bottom:none; padding-top:10px;}
.user_profile .registerGroup li.userDisplayName a{ padding-left:32px;}
.user_profile .registerGroup li.userProfileImg{ border-top:none; margin-top:-38px; }	
.user_profile .registerGroup .userProfileImg a{padding:0;background:none;min-width:25px;}
.user_profile .registerGroup a img{border:none;height:28px; width:28px;background:#ccc;}

/*--------- Login Style ----------*/
.login_style { float:left; position: relative;}
.login_style .login-button { display: block; cursor: pointer; }
.login_style .logout-button  { display: block; cursor: pointer; }
.login_style .login-button span { background:url(../images/icon_login.png) no-repeat center; display: block; height: 30px; width: 30px; overflow:hidden;}
.login_style .logout-button span { background:url(../images/icon_logout.png) no-repeat center; display: block; height: 30px; width: 30px; overflow:hidden;}
.login_style .login-button span a, .login_style .logout-button span a {filter:alpha(opacity=0);moz-opacity: 0;-khtml-opacity: 0;opacity:0; padding:10px 0;}
.user_login{ display:none;}

/*--------- User Style ----------*/
.icon_user { float:left;  }
.icon_user .user-button { display: block; cursor: pointer; }
.icon_user .user-button span { background:url(../images/icon_user.png) no-repeat center; display: block; height: 30px; width: 30px; overflow:hidden;}
.icon_user .user-button span a { filter:alpha(opacity=0);moz-opacity: 0;-khtml-opacity: 0;opacity:0; padding:10px 0; }
.icon_user .user-back span { background:url(../images/icon_user.png) no-repeat center; display: block; height: 30px; width: 30px;}
.user_register { display:none;}
#dnn_dnnUSER3_registerLink { float:left; display:block;filter:alpha(opacity=0);moz-opacity: 0;-khtml-opacity: 0;opacity:0; height:0; max-width:2px;}

/*--------- Search style ----------*/
#Search{ float:right;margin:0; position:relative; padding:0;}
.searchcss, a.searchcss:link, a.searchcss:active, a.searchcss:visited{ color:#ffffff; text-decoration:none; font-weight:normal; font-size:15px; display:block; position:absolute; width:33px; height:33px; right:2px; top:4px; text-indent:-99999px; overflow:hidden; }
.searchSite {text-indent:-99999px; }
a.searchcss:hover{ color:#000000; text-decoration:none; font-weight:normal; font-size:15px; }
#Search input[type="text"] {background: #fff; border: 1px solid #d1d1d1; font-size:15px; color: #888888; width:130px; padding: 7px 34px 7px 7px;}
#Search a{ display: block;position:absolute;right:0; top:0;height:35px; width:34px; padding:0;border:none;box-shadow:none;webkit-box-shadow:none;overflow:hidden;text-indent:-99999px;background:url(../images/icon_search2.png) no-repeat 5px 7px;z-index:1;cursor:pointer;}
#Search .searchInputContainer a.dnnSearchBoxClearText {right: 30px !important;}

/*--------- Language Style ----------*/
.language-object{ text-align:center;display:block; margin:0; }
.language-object span {display:block; width:100%;}
.language-object .Language {margin:0 2px;}
.language-object span img{height:18px; width:27px;opacity:0.9; margin:10px 0 0 0; border:2px solid transparent;}
.language-object span:hover img{opacity:1;}
.language-object .Language.selected img{ opacity:1; border-color:#555; border-color:rgba(0,0,0,.1); -webkit-border-radius: 2px;border-radius: 2px;}
#Language { float:right; display:inline-block; display:block\9; filter:alpha(opacity=0);moz-opacity: 0;-khtml-opacity: 0;opacity:0; height:0; max-width:3px;}

/*--------- Color Picker Style ----------*/
#custom-button {display:block;position: fixed;top: 200px;left:0;cursor:pointer;z-index: 999;}
#custom_wrapper{ display:block;position: fixed;top: 170px;left:-155px;width: 150px;padding: 18px 0 18px 0;background: #fff;z-index: 99999;font-size: 12px;border: 1px solid #E1E1E1;border-bottom: 1px solid rgba(150, 150, 150, 0.2);-webkit-box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);}
#custom_wrapper div, #custom_wrapper span, #custom_wrapper p, #custom_wrapper li, #custom_wrapper td {color: #555;}
#custom_wrapper #bg_color {width: 100%;height: 25px;cursor: pointer;}
#custom_wrapper .custom_inner{width: 80%;margin:auto;}
.colorpicker_preview{width: 100%;height: 30px;margin: 5px 0 0 0;}
#custom_wrapper .use-form-styles select{width: 110px;}
.color-box, .pattern-box, .bg-box { width:24px;height:24px;display:block;float:left; margin:5px 2px 0 2px;border: 1px solid #cacaca;}
.pattern-box { background:#ccc;}
#colorpicker { width: 36px;height: 36px;background: url(../images/colorpicker/select2.png);}
#colorpicker div { width: 28px;height: 28px;background: url(../images/colorpicker/select2.png) center;}
#custom_wrapper #custom-reset{ height:30px; padding:5px 20px; margin:0 20px; background:#444444; color:#fff; text-decoration:none;} 
#custom_wrapper #bg_pattern { margin-top:10px; margin-bottom:15px;}
.optional_width { position:relative; padding:10px 0 0 0;}
#boxed_button { background:#444444; float:left; margin-top:2px; padding:5px; color:#FFFFFF;}
#stretched_button { background:#444444;  float:right; margin-top:2px; padding:5px; color:#FFFFFF;}
#boxed_button:hover, #stretched_button:hover { text-decoration:none;}

/*--------- Scroll Top Style ----------*/
#top-link { background:url(../images/scroll_top.png) no-repeat scroll center top rgba(0, 0, 0, 0.4); border: 0 none; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-border-radius: 2px; bottom:7px; right: 50px; display:block; height:38px; padding:0; width:49px; position: fixed; text-decoration: none; z-index: 903;}
#top-link:hover { background:url(../images/scroll_top.png) no-repeat scroll center bottom rgba(0, 0, 0, 0.5);  -webkit-transition: all 0.2s ease-in 0s; -moz-transition: all 0.2s ease-in 0s; -o-transition: all 0.2s ease-in 0s; transition: all 0.2s ease-in 0s;}

/*--------- Tipsy Style ----------*/
.tipsy { display:block; float: left; padding:5px 2px; font-size: 12px; background-repeat: no-repeat; background-image: url(../images/tipsy.png);}
.tipsy-inner { padding:8px; background:#e9e9e9; color: #555; max-width: 200px; text-align: center; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.tipsy-up { background-position: top center;}
.tipsy-down { background-position: bottom center;}
.tipsy-right { background-position: right center;}
.tipsy-left { background-position: left center;}

/*-----------------Fixed Header--------------*/
.headerfixed {position:fixed; width:100%; z-index:1000;box-shadow: 0 0 4px #ccc;-webkit-box-shadow: 0 0 4px #ccc;-moz-box-shadow: 0 0 4px #ccc;left:0;  }
.headerfixed .logo_style{ padding:0 1.5%; line-height:60px;}
.headerfixed .logo_style img { max-height:60px; }
.headerfixed .icons_menu { margin-top:13px;}
.headerfixed #standardMenu .rootMenu > li > a > span{  height:60px; line-height:60px;}
.headerfixed #megaMenu .root > li > a > span{  height:60px; line-height:60px;}

/*--------- Footer Links Style ----------*/
.footerpane_style a, .footerpane_style a:link {
    color: #fff;
    text-decoration: none;
    font-weight: normal;
}
.footerpane_style a:visited {
    color: #fff;
    text-decoration: none;
}
.footerpane_style a:hover {
    color: #fff;
    text-decoration: underline;
}
.footerpane_style a:active { color :#999; text-decoration : none; }

/*--------- Footer Content style ----------*/
.footerpane_style, .footerpane_style .Normal, .footerpane_style p, .footerpane_style div, .footerpane_style span, .footerpane_style li, .footerpane_style td, .footerpane_style dt, .footerpane_style dd, .footerpane_style h1, .footerpane_style h2, .footerpane_style h3, .footerpane_style h4, .footerpane_style h5, .footerpane_style h6 {
    color: #999;
}
.footerpane_style ul, .footerpane_style li {
    padding: 0px !important;
    margin: 0px !important;
    list-style-type: none !important;
}


/*******************************/	
/* Content Pages Style */
/*******************************/
/*-----------------Demo Top Bubble Style---------------------*/
.hi-icon { display: inline-block; font-size: 0px; cursor: pointer; width: 77px; height: 77px; border-radius: 50%; text-align: center; position: relative; z-index: 1; color: #768092; } 
.hi-icon:after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: '';-webkit-box-sizing: content-box; -moz-box-sizing: content-box;box-sizing: content-box;}
.hi-icon:before {line-height: 77px;}
.icon_effect .hi-icon { -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; border:4px solid #768092;}
.main_top_icon1 .icon_effect .hi-icon:after {	top:-2px; left:-2px; padding:2px; z-index: -1;	background:url(../images/content/demo_top_img1.png) no-repeat -9px -8px; background-color: #768092;	-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;	-moz-transition: -moz-transform 0.2s, opacity 0.3s;	transition: transform 0.2s, opacity 0.3s;}
.icon_effects .hi-icon:hover:after {	-webkit-transform: scale(1.3);	-moz-transform: scale(1.3);	-ms-transform: scale(1.3);	transform: scale(1.3);	opacity: 0; }
.main_top_img1 { background:url(../images/content/demo_top_img1s.png) no-repeat -11px -10px  #768092; width:77px; height:77px; }
.main_top_icon2 .icon_effect .hi-icon:after {	top:-2px; left:-2px; padding:2px; z-index: -1;	background:url(../images/content/demo_top_img2.png) no-repeat -9px -8px; background-color: #768092;	-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;	-moz-transition: -moz-transform 0.2s, opacity 0.3s;	transition: transform 0.2s, opacity 0.3s;}
.main_top_img2 { background:url(../images/content/demo_top_img2s.png) no-repeat -11px -10px  #768092; width:77px; height:77px; }
.main_top_icon3 .icon_effect .hi-icon:after {	top:-2px; left:-2px; padding:2px; z-index: -1;	background:url(../images/content/demo_top_img3.png) no-repeat -9px -8px; background-color: #768092;	-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;	-moz-transition: -moz-transform 0.2s, opacity 0.3s;	transition: transform 0.2s, opacity 0.3s;}
.main_top_img3 { background:url(../images/content/demo_top_img3s.png) no-repeat -11px -10px  #768092; width:77px; height:77px; }

/*--------Demo Top Text Style----------*/
.main_top_text{ text-align:center;  color:#555; padding:44px 0 70px 0;}
.main_top_text h3{ color:#555; font-size:20px; padding-top:5px;}
.main_top_text:hover h3{ color:#768092; cursor:pointer;transition: all 0.8s ease 0s;  -webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;}
.main_top_text p{  padding:5px 0;}
.main_top_text span a { color:#768092;}
.top_read_more img{ background: #768092; }
.top_read_more:hover img{background: #555;transition: all 0.8s ease 0s;  -webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;}
.top_read_more a:hover{ color:#555; cursor:pointer;transition: all 0.8s ease 0s;  -webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;}

/*--------------Design Text Style------------------*/
.design_text_style{ text-align:center; padding-bottom:60px; padding-top:50px;} 
.design_text_style .responsive_style{ font-size:67px; font-weight:normal;  }
.design_text_style .responsive_style:hover { color:#111; cursor:pointer;transition: all 0.8s ease 0s;  -webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;}
.design_text_style  .design_style{ color:#111;font-size:60px; padding-left:15px; font-weight:normal; }
.design_text_style  .design_style:hover{ color:#768092; cursor:pointer;transition: all 0.8s ease 0s;  -webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;}
.design_text_style p{  padding:10px 50px 50px;}
.design_text_style p, .design_text_style a { font-size:15px; line-height:1.5em; }
.design_text_style .design_button1 a{ background:#768092; padding:20px 25px; color:#fff;  font-size:16px; float:right;}
.design_text_style .design_button1 a:hover{ background:#2f2f2f;transition: all 0.8s ease 0s;  -webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s; } 
.design_text_style .design_button2 a{ background:#2f2f2f; padding:20px 25px; color:#fff;font-size:15px; float:left;}
.design_text_style .design_button2 a:hover{ background:#768092; transition: all 0.8s ease 0s;  -webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;} 

/*--------- CarouFredSel Style ----------*/
.carouFredSel { position:relative;  }
.carouFredSel ul { list-style:none; margin:0; padding:0; width:auto;  }
.carouFredSel ul li { float:left; list-style:none; height:auto;  padding:0 5px; position:relative; min-height:200px; }
.carouFredSel ul li img {filter:Alpha(Opacity=100);opacity:1;}
.carouFredSel ul li:hover img {filter:Alpha(Opacity=60);opacity:0.6; transition: all 0.8s ease 0s;  -webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;display:block; }
.carouFredSel_img{ position:relative;}
.carouFredSel_img .carouFredSel_describe{ position:absolute; top:0; left:0; display:none; width:100%; height:100%; background:#768092; background:rgba(118,128,146,.8); text-align:center;}
.carouFredSel_img .carouFredSel_describe h3{ padding-top:15%; color:#fff;}
.carouFredSel_img .carouFredSel_describe p{ color:#fff;}
.carouFredSel_img:hover .carouFredSel_describe{ display:block;}
.carouFredSel_nav { position:absolute; right:0; top:-40px;  padding:5px 8px 5px 5px;}
.caroul_prev { background: url(../images/crousel_l.png) no-repeat center center #768092;  margin-right:5px; padding:5px 10px; transition: all 0.8s ease 0s;  -webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;}
.caroul_next { background: url(../images/crousel_r.png) no-repeat center center #768092;  padding:5px 10px; transition: all 0.8s ease 0s;  -webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;}
.caroul_prev:hover { background: url(../images/crousel_l.png) no-repeat center center #555; }
.caroul_next:hover { background: url(../images/crousel_r.png) no-repeat center center #555; }
.carouFredSel_text p{  line-height:1.5em; padding:8px 0 32px 5px;}

/*-------------Magnify Img Style-----------------*/
.magnify_style{ padding:50px 0;}
.magnify_img{overflow:hidden;-webkit-transition:all .6s ease-out;-moz-transition:all .6s ease-out;-o-transition:all .6s ease-out;-ms-transition:all .6s ease-out;transition:all .6s ease-out;-webkit-transform:scale(0.95);-moz-transform:scale(0.95);-o-transform:scale(0.95);-ms-transform:scale(0.95);transform:scale(0.95);filter:progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',M11=0.95,M12=-0,M21=0,M22=0.95); text-align:center;}
.magnify_img:hover{-webkit-transform:scale(1.0);-moz-transform:scale(1.0);-o-transform:scale(1.0);-ms-transform:scale(1.0);transform:scale(1.0);filter:progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1.0, M12=-0, M21=0, M22=1.0);filter:alpha(opacity=100);opacity:1}
.magnify_img img{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80);opacity: .8;-webkit-transition:all .6s ease-out;-moz-transition:all .6s ease-out;-o-transition:all .6s ease-out;-ms-transition:all .6s ease-out;transition:all .6s ease-out;}
.magnify_img a img:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1}
.magnify_text{ text-align:center; }
.magnify_text h4{ color:#111;}
.magnify_text:hover h4{ color:#768092;transition: all 0.8s ease 0s;  -webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;}
.magnify_text p{ font-size:15px;}

/*--------- Togglable Tabs Style ----------*/
.nav { margin-bottom: 0;}
.nav-tabs2 { border-bottom: 1px solid #CECECE;}
.nav-tabs2 > .active > a, .nav-tabs > .active > a:hover { border-color: #CECECE #CECECE transparent;}
.nav-tabs2 > li > a { padding-top:12px;border-radius:0; margin:0; border:none;  }
.nav-tabs2 > li > a:hover { color:#fff;background: url(../images/tabs_hover.png) no-repeat center right #768092; margin-right:-25px;}
.tab-content { border:1px solid #CECECE; border-top:none; padding:11px 10px 5px 10px;}
.tab-content p { }
.nav-tabs2 { float:left; border:none;  min-height:300px; width:280px;}
.nav-tabs2 > li { margin-bottom: 0; margin-right:1px; border:1px solid #cecece; border-bottom:none;}
.nav-tabs2 > li > a { color:#888; height:54px;  padding:0; font-size:17px;}
.nav-tabs2 > li > a span{ padding-left:70px; font-weight:600;font-family:'Titillium Web',Arial, Tahoma, sans-serif;}
.nav-tabs2 > li > a .Icon_one{ background: url(../images/content/tab_icon1.png) no-repeat 25px 15px; height:54px; line-height:54px; }
.nav-tabs2 > li > a .Icon_one:hover , .nav-tabs2 > .active > a .Icon_one{  background: url(../images/content/tab_hover_icon1.png) no-repeat 25px 15px;}
.nav-tabs2 > li > a .Icon_two{ background: url(../images/content/tab_icon2.png) no-repeat 25px 15px; height:50px; line-height:50px; }
.nav-tabs2 > li > a .Icon_two:hover , .nav-tabs2 > .active > a .Icon_two{  background: url(../images/content/tab_hover_icon2.png) no-repeat 25px 15px;}
.nav-tabs2 > li > a .Icon_three{ background: url(../images/content/tab_icon3.png) no-repeat 25px 15px; height:50px; line-height:50px; }
.nav-tabs2 > li > a .Icon_three:hover , .nav-tabs2 > .active > a .Icon_three{  background: url(../images/content/tab_hover_icon3.png) no-repeat 25px 15px;}
.nav-tabs2 > li > a .Icon_four{ background: url(../images/content/tab_icon4.png) no-repeat 25px 15px; height:50px; line-height:50px; }
.nav-tabs2 > li > a .Icon_four:hover , .nav-tabs2 > .active > a .Icon_four{  background: url(../images/content/tab_hover_icon4.png) no-repeat 25px 15px;}
.nav-tabs2 > li > a .Icon_five{ background: url(../images/content/tab_icon5.png) no-repeat 25px 15px; height:50px; line-height:50px; }
.nav-tabs2 > li > a .Icon_five:hover , .nav-tabs2 > .active > a .Icon_five{  background: url(../images/content/tab_hover_icon5.png) no-repeat 25px 15px;}
.nav-tabs2 > li > a .Icon_six{ background: url(../images/content/tab_icon6.png) no-repeat 25px 15px; height:50px; line-height:50px; }
.nav-tabs2 > li > a .Icon_six:hover , .nav-tabs2 > .active > a .Icon_six{  background: url(../images/content/tab_hover_icon6.png) no-repeat 25px 15px;}
.nav-tabs2 > li:first-child { }
.nav-tabs2 > li:last-child { border-bottom:1px solid #cecece;}
.nav-tabs2 > li { float: none;}
.nav-tabs2 > .active > a, .nav-tabs2 > .active > a:hover { background: url(../images/tabs_hover.png) no-repeat center right #768092; border:none; border-radius:0; margin-right:-1px; position:relative; color:#fff; margin-right:-25px;}

/*------------Tab Content Style*/
.tab-content2 { border:none; padding:15px 10px 5px 55px;}
.tab-content2 .tab_left_text h3{ color:#555; margin-bottom: 10px;}
.tab-content2:hover .tab_left_text h3 {color:#768092; cursor:pointer;transition: all 0.8s ease 0s;  -webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;}
.tab-content2 .tab_left_text p{ color:7e7e7e;}
.tab-content2 .tab_left_text span{ color:7e7e7e;}
.tab-content2 .tab_left_img img{ padding-top:40px;}

/*---------------   Demo Bottom Style-----------------------*/
.demo_bottom_style{ padding:25px 0;}
.demo_bottom_left p{ color:#fff; font-size:15px;}
.demo_bottom_right span a{ float:right; padding:15px 20px; background:#787878; color:#fff;border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; }
.demo_bottom_right span a:hover{ background:#111;transition: all 0.5s ease-in 0s; -webkit-transition: all 0.5s ease-in 0s; -moz-transition: all 0.5s ease-in 0s; }

/*--------- Footer Post style ----------*/
.footer_post p a{ margin:0; padding-top:15px;}
.footer_post p a:hover{ color:#768092; transition: all 0.8s ease-in 0s; -webkit-transition: all 0.8s ease-in 0s; -moz-transition: all 0.8s ease-in 0s;}
.footer_post .post_date{ color:#666!important; padding-left:15px; }

/*--------- Footer Tag style ----------*/
.footer_tag { }
.footer_tag ul { list-style:none; margin:0; padding:0;}
.footer_tag ul li { list-style:none; margin-bottom:13px; padding:5px 0; float:left; }
.footer_tag ul li a { background:#768092; margin:0 2px; padding:10px 0; text-decoration:none;}
.footer_tag ul li a span { background:#1e1e1e;padding:11px 8px; color:#999 ; font-size:12px;}
.footer_tag ul li a span:hover { background:none; transition: all 0.8s ease-in 0s; -webkit-transition: all 0.8s ease-in 0s; -moz-transition: all 0.8s ease-in 0s;color:#eee ;}
.footer_tag a { text-decoration:none;}

/*--------- Footer Tag style ----------*/
.newsletter_style p{ padding:0 0 15px 0; }
.newsletter_style input{ padding-bottom:20px;}
.newsletter_style input[type="text"]{ border: 1px solid #363636;  color:#a0a0a0; width:94%; padding:5px;}
.newsletter_style .sign_style{ padding:20px 0;}
.newsletter_style span a{ padding:8px 12px; background:#222; color:#a0a0a0; }
.newsletter_style span a:hover{ background:#768092; transition: all 0.8s ease-in 0s; -webkit-transition: all 0.8s ease-in 0s; -moz-transition: all 0.8s ease-in 0s; color:#fff; }

/*---------------   Footer Tag Style-----------------------*/
.tag_style{ padding-top:10px;}

/*-----------------Footer Icon Style--------------*/
.footer_icon{ line-height:25px;}
.footer_icon p{ line-height:1.6em; }
.footer_icon span{ font-size:14px; color:#768092; }

/*--------- Accordion Style ----------*/
.ui-accordion .ui-accordion-header {color:#768092; font-size:15px; border:1px solid #ebebeb;  cursor: pointer;display: block;min-height: 0; margin-top:2px;padding: 6px 10px 6px 12px;position: relative;}
.ui-accordion .ui-accordion-header:hover { color:#555; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background:url(../images/toggle_icon.png) no-repeat right 6px ;font-weight: normal;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background:url(../images/toggle_icon.png) no-repeat right -26px;font-weight: normal;}
.ui-helper-reset { font-size: 100%;line-height: 25px;list-style: none outside none;margin: 0;outline: 0 none;padding: 0;text-decoration: none;}
.ui-accordion .ui-accordion-content { border:1px solid #ebebeb;border-top:none;overflow: auto;padding: 5px 10px 0 10px;}

/*--------------Page Title-----------*/
.page_title h1{ padding:15px 5px; color:#fff; font-size:20px; margin:0;}

/*------------------ 404 Page -------------------*/
.error_page{ text-align:center;}
.error_page .sorry_title h3{ font-size:160px;}
.error_page .sorry_text p{ font-size:19px; line-height:2em;}
.error_page .sorry_text p span a{ color:#e7402f; padding-left:7px;}
.error_page .sorry_img{ padding:40px 0 160px 0;}

/*------------------ Contact Us Page -------------------*/
.map_style { margin:0; padding:0;}
.contact_page .demo_top_welcome { text-align:center; padding:60px 0 20px 0;border-bottom:4px double #e6e6e6; width:100%; }
.contact_page .demo_top_welcome a{color:#768092; font-size:23px;}
.contact_page .contact_top_text{ text-align:center; padding:28px 0; font-size:15px; border-bottom:1px dashed #e2e2e2;}
.address_style{ padding-top:10px;}
.address_style span a{ color:#768092; }

.input_style p{ font-size:15px;}
.input_style input{background:#fff; border:1px solid #ededed;-moz-border-radius:3px; -webkit-border-radius:3px;border-radius:3px; box-shadow: 0 0 2px #c5c5c5 inset;-moz-box-shadow: 0 0 2px #c5c5c5 inset;-webkit-box-shadow: 0 0 2px #c5c5c5 inset; width:93%;margin-top:25px;}
.input_style input[type="text"]{ padding:5px 0 5px 5px;}
.textarea_style p{ font-size:15px;}
.textarea_style textarea{background:#fff; border:1px solid #ededed;-moz-border-radius:3px; -webkit-border-radius:3px;border-radius:3px; box-shadow: 0 0 2px #c5c5c5 inset;-moz-box-shadow: 0 0 2px #c5c5c5 inset;-webkit-box-shadow: 0 0 2px #c5c5c5 inset; width:98%; margin-top:25px;}
.textarea_style textarea[type="text"]{ padding:5px 0 5px 5px; min-height:150px;}
.input_button { min-width:80px;   margin-top:25px; }
.input_button a{ padding:8px 20px; text-decoration:none; font-size:15px; border:1px solid #ccc;-moz-border-radius:3px; -webkit-border-radius:3px;border-radius:3px;color:#666!important;}

/*------------------ Price Table Page -------------------*/
h3.price_title { padding-bottom:20px; font-weight:normal; font-size:20px;}
.price-table{text-align:center;margin-bottom:0px;}
.price-table li:before{content: '';width:auto;}
.price-table [class^="icon-"]{font-size:16px;}
.price-table ul, .price-table ul li{ list-style:none;  margin:0; }
.five-col .col{width:20%;}
.four-col .col{width:25%;}
.three-col .col{width:33.33333%;}
.two-col .col{width:50%;}
.col{float:left;margin:0;background:#f6f6f6;position:relative;margin-bottom:15px;}
.col.high{outline:4px solid #768092;z-index:10;top:-5px;-webkit-box-shadow: 0px 2px 18px rgba(0,0,0,0.3); }
.no-shadow .col.high{-webkit-box-shadow: none;box-shadow: none;}
.col.low{background:#f6f6f6;z-index:5;}
.col .wrap-inner{border-left:2px solid white;}
.price-table .head{background:#eee;padding:10px;min-height:35px;}
.price-table .head h3{margin-bottom:0;text-transform:uppercase;font-size:15px;font-weight:bold;color:#333;}
.price-table .head span{color:#fff;}
.price-table .price{padding:10px;background:#666;min-height:52px;}
.price-table .high .price{background:#768092;}
.price-table .low .price{background:#999;}
.price-table .price h4{margin-bottom:0;color:#fff;font-weight:bold; font-size:25px;}
.price-table .price span{margin-top:5px;text-transform:uppercase;display:block;color:#fff;font-size:11px;}
.price-table .foot{padding:10px;background:#ddd;overflow:hidden;min-height:30px;}
.price-table .high .foot{background:#fefefe;padding-top:15px;padding-bottom:15px;}
.price-table .row-titles{margin-top:55px;text-align:left;}
.price-table .row-titles .head{display:none;}
.price-table .row-titles .price{background:#eee;padding-left:20px;}
.price-table .row-titles h4{font-size:25px;color:#333;}
.price-table .row-titles .price span{color:#768092;}
.price-table .row-titles li{padding-left:20px;}
.col ul{padding:0;}
.col:first-child .wrap-inner,.col.high .wrap-inner{border:none;}
.price-table li{padding:10px 10px;min-height:20px;}
.price-table li:last-child{border:none;}
.price-table li:nth-child(even),.price-table li.even{background:#efefef;}
.price-table .col.low li:nth-child(even),.price-table .col.low li.even{background:#efefef;}

/*------------------ About Us Page -------------------*/
.website_style{ padding-top:25px ;}
.website_style .learn_more_button{ padding-top:38px;}
.website_style p span a{ padding:8px; background:#919191; color:#fff; }
.website_style p span a:hover{background:#768092;transition: all 0.8s ease-in 0s; -webkit-transition: all 0.8s ease-in 0s; -moz-transition: all 0.8s ease-in 0s;}
.Services_core { padding:15px; text-align:center;}
.Services_core  h3{ color:#737373; font-size:30px;}
.tab_style{ padding-top:20px;}
.accordion_style{ padding-top:55px;}

.our_skills .progress{ height:37px;-moz-border-radius:0; -webkit-border-radius:0;border-radius:0;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;}
.our_skills .progress .bar{ background:#768092;  text-align:left; padding-left:10px; top:-10px; line-height:37px; }

.about_us_tab .nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus{ -moz-border-radius:0; -webkit-border-radius:0;border-radius:0;}
.about_us_tab li{  -moz-border-radius:0; -webkit-border-radius:0;border-radius:0; border:1px solid #c1c1c1; border-bottom:none; margin-right:3px;}
.about_us_tab .nav-tabs > li > a, .nav-pills > li > a { margin-right:0;}
.about_us_tab li.active{ border:none}

.our_team_style{ position:relative;}
.our_team_style .our_tean_hover{ position:absolute;top:0; left:0; display:none; width:100%; height:100%; background:#768092; background:rgba(118,128,146,.8); }
.our_team_style .our_tean_hover h3{ color:#fff; padding-left:10px;}
.our_team_style .our_tean_hover p{ color:#fff; padding-left:10px;}
.our_team_style .our_tean_hover span a img{ padding-left:10px;}
.our_team_style:hover  .our_tean_hover{ display:block;}

/*------------------ Testimonials Page -------------------*/
.testimonials_top{ background:#e8e8e8;  position:relative; z-index:1; width:100%;}
.quotation_marks{ background:url(../images/content/quotation_marks.png) no-repeat; width:21px; height:17px; position:absolute; top:20px; left:10px; z-index:20;}
.triangle_img { background:url(../images/content/triangle_img.png) no-repeat; width:12px; height:17px; bottom:-17px; position:absolute; left:10%;}
.testimonials_top p{ padding:20px 20px 20px 40px; line-height:1.8em}
.evaluate_name { float:left; min-width:250px; padding-bottom:20px; } 
.evaluate_name img{ float:left; margin-right:15px;}
.evaluate_name h4{ font-size:20px; font-weight:400; line-height:1em; }
.evaluate_name p { line-height:1.7em; color:c7cacb;}
.full_button { min-width:80px;   text-align:right; margin-top:10px; }
.full_button a{background:#768092; padding:8px 20px; text-decoration:none; color:#fff!important; font-size:15px;}
.full_button a:hover { background:#333333; transition: all 0.5s ease-in 0s; -webkit-transition: all 0.5s ease-in 0s; -moz-transition: all 0.5s ease-in 0s; }
.tags_style{ border-bottom:1px solid #ededed;}
.tags_style p{ float:left;padding-top:30px; }
.tags_style p span{ color:#768092; padding-left:5px; }
.tags_style > span{ float:right; color:#9ca2a4;padding-top:30px; }

/*--------- Quovolve Style ----------*/
.quovolve-box { position:relative;text-align:center;min-height:220px;}
.quovolve-box ul { clear: both;list-style: none; margin: 0;padding-top:20px;border-top:solid 1px #e6e6e6;}
.quovolve-box ul li { list-style:none;position: relative;}
.quovolve-box ul li .quovolve-box_text p { margin: 0; padding-top:20px; background:url(../images/content/quovolve-box_img.png) no-repeat 20% 20%;text-indent: 40px;color:#707070;}
.quovolve-box ul li .quovolve-box_text p span{ background:url(../images/content/quovolve-box_img2.png) no-repeat 80% 100%;display: block; font-size:25px;line-height:30px; }
.quovolve-box ul li .quovolve-box_text h5 { line-height: 1em; color:#768092;}
.quovolve-box .quovolve-nav .nav-numbers { height: 51px;margin: 0; min-width:100px; position: absolute;bottom:20px; left:43%;}
.quovolve-box .quovolve-nav .nav-numbers li { float: left;list-style: none;margin-right: 3px;}
.quovolve-box .quovolve-nav .nav-numbers li a { display: block;width:51px;height:51px;font-size:0; background: rgba(255,255,255,0.5);}
.quovolve-box .quovolve-nav .nav-numbers li.active a{background: none;-webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;}
.quovolve-box .quovolve-nav .nav-numbers li a:hover {background: none;-webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;}
.quovolve-box ul.quovolve {  margin: 10px 0 0;}
ul.quovolve p,ul.quovolve div,ul.quovolve span, ul.quovolve li,ul.quovolve a, ul.quovolve dt, ul.quovolve dd,ul.quovolve h1, ul.quovolve h2, ul.quovolve h3, ul.quovolve h4, ul.quovolve h5, ul.quovolve h6{}

/*------------------ Fancybox Style -------------------*/
.fancybox_style{height:auto; padding:0;overflow:hidden;}
.fancybox_style ul { list-style:none; margin:0; padding:0;float:right;width:100%;}
.fancybox_style ul li { list-style:none; padding:5px; float:left; }
.fancybox_style ul li a { position:relative; display:block;}
.fancybox_style ul li a img { padding:4px; filter:Alpha(Opacity=100);opacity:1; border:1px solid #c1c1c1;}
.fancybox_style .img-overlay { background:url(../images/fancy_zoom.png) no-repeat scroll center center; position: absolute; left:0; top:0; width:100%; height: 100%; opacity: 0; -webkit-transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;}
.fancybox_style .img-overlay:hover { filter:Alpha(Opacity=80);opacity:0.8;}

/*------------------ FAQ Page -------------------*/
.categories_style ul{ padding-top:10px;margin:0px;}
.categories_style li{ border-bottom:1px solid #ececec; line-height:2.5em; }
.categories_style li a{ color:#555;}
.categories_style li a:hover{ color:#768092;}

/*------------------ Left Sidebar Page -------------------*/
.recent_posts img{ float:left; padding:4px; border:1px solid #c1c1c1; margin-right:10px;}
.twitter_style{ padding-top:10px;}
.twitter_style .twitter_img{ float:left; padding-top:7px;  }
.twitter_style .twitter_text{ padding-left:28px; color:#666; }
.twitter_style .twitter_text span a{ color:#555; }

.Default_Pages_style p{ font-size:14px; line-height:1.8em; }
.Default_Pages_text{ padding:13px; background:#f5f5f5; border-left:5px solid #768092; color:#222; font-style:italic; font-size:17px; font-weight:200;}


/*------------------ Buttons Page -------------------*/
.buttons_page{ font-size:13px;line-height:22px;height:auto;overflow:hidden;width:100%;}
.buttons_page li{width:30%;float:left;padding:20px 20px 30px 0;border-bottom:solid 1px #ccc;}
.buttons_page p{padding:10px 0;}
.buttons_page .demo_content_title h3{ font-size:15px; font-weight:600; }
.button1_style p{ color:#666;}
.button1_style span{ background: #768092; padding:7px 15px;border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; }
.button1_style span a{ color:#fff;}
.button1_style span:hover{ opacity:0.9;}
.button2_style p{ color:#666;}
.button2_style span{ background:#768092; padding:7px 15px;border-radius:14px; -webkit-border-radius:14px; -moz-border-radius:14px; }
.button2_style span a{ color:#fff;}
.button2_style span:hover{ opacity:0.9;}
.button3_style p{ color:#666;}
.button3_style span{ background:  #b6b6b6; padding:7px 15px;border-radius:14px; -webkit-border-radius:14px; -moz-border-radius:14px; }
.button3_style span a{ color:#fff;}
.button3_style span:hover{  opacity:0.9;}
.button_border{ }
.button4_style p{ color:#666;}
.button4_style span{ background: url(../images/content/buttons4_left_bg.png) no-repeat bottom left #dfc727;  padding:8px 15px 8px 35px;border-radius:14px; -webkit-border-radius:14px; -moz-border-radius:14px; }
.button4_style span a{ color:#fff; }
.button4_style span:hover{ opacity:0.9;}
.button5_style p{ color:#666;}
.button5_style span{ background: url(../images/content/buttons5_left_bg.png) no-repeat bottom left #79bf92;  padding:8px 15px 8px 35px;border-radius:14px; -webkit-border-radius:14px; -moz-border-radius:14px; }
.button5_style span a{ color:#fff; }
.button5_style span:hover{opacity:0.9;}
.button6_style p{ color:#666;}
.button6_style span{ background: url(../images/content/buttons6_left_bg.png) no-repeat bottom left #7aab1b;  padding:8px 15px 8px 35px;border-radius:14px; -webkit-border-radius:14px; -moz-border-radius:14px; }
.button6_style span a{ color:#fff; }
.button6_style span:hover{opacity:0.9; }
.button7_style p{ color:#666;}
.button7_style span{ background: #e34608; padding:7px 15px 7px 30px;border-radius:14px; -webkit-border-radius:14px; -moz-border-radius:14px; }
.button7_style span a{ color:#fff;}
.button7_style span:hover{opacity:0.9;}
.buttons7_left_bg{ background:url(../images/content/buttons7_left_bg.png) no-repeat bottom left; width:33px; height:33px;position:relative; top:-26px;}
.buttons7_bottom_bg{ background:url(../images/content/buttons7_bottom_bg.png) no-repeat bottom left; width:33px; height:3px;position:relative; top:-28px; left:25px;}
.button8_style p{ color:#666;}
.button8_style span{ background: url(../images/content/buttons8_right_bg.png) no-repeat bottom right #2f3452;  padding:7px 35px 6px 15px;border-radius:14px; -webkit-border-radius:14px; -moz-border-radius:14px; }
.button8_style span a{ color:#fff; }
.button8_style span:hover{opacity:0.9;}
.button9_style p{ color:#666;}
.button9_style span{ background: url(../images/content/buttons8_right_bg.png) no-repeat bottom right #272724;  padding:7px 35px 6px 15px;border-radius:14px; -webkit-border-radius:14px; -moz-border-radius:14px; }
.button9_style span a{ color:#fff; }
.button9_style span:hover{opacity:0.9; }

/*------------------ Info boxes Page -------------------*/
.Info_boxes{padding:0 5%;font-size:15px;line-height:22px;height:auto;overflow:hidden;}
.Info_icon{float:left;padding-right:20px;}
.Info_pink{background:#fde2e2;margin:10px 0;padding:25px;}
.Info_greed{background:#daf7c9;margin:10px 0;padding:25px;}
.Info_blue{background:#d3f1fa;margin:10px 0;padding:25px;}
.Info_orange{background:#feeecb;margin:10px 0;padding:25px;}
.Info_greed{background:#d1f9c9;margin:10px 0;padding:25px;}
.Info_gray{background:#f6f5f5;margin:10px 0;padding:25px;}

.Info_box{margin:15px 5%;}
.Info_wrapper{min-height:150px;border:solid 1px #e0e0e0;border-top:none;}
.Info_wrapper h2 { font-size:15px; font-weight:bold; color:#fff; line-height:35px; padding: 0 15px;}
.Info_wrapper .Info_content { padding:10px;}
.Info_one{min-height:35px;background:#768092;margin:0 -1px;}
.Info_two{min-height:35px;background:#f69804; margin:0 -1px;}
.Info_three{min-height:35px;background:#696969; margin:0 -1px;}
.Info_four{min-height:35px;background:#f75e64; margin:0 -1px;}

/*---------- Portfolio Style -------------- */
.pg-img-wrapper{position:relative;overflow:hidden;}
.pg-img-wrapper figure{width:100%;margin:0;}
.pg-info{width:100%; height: 100%;text-align: left; padding:0; min-height: 35px; position: absolute; bottom: 0; left: 0; z-index: 10; background:#768092;  background: rgba(118,128,146,.8); -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; }
.pg-info:hover{-moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1;}
.pg-info:hover .pg-details{bottom: 25%; bottom: calc(33% - 10px);}
.pg-details{text-align: center; padding: 0; width: 100%; position: absolute; bottom: 10%; color: #ffffff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.pg-details h2{color:#fff!important;font-size:16px;font-weight: bold;text-align:center;}
.pg-categories{width: 100%; display: block; font-size: 10px; text-transform: uppercase; margin:0; color: rgba(255, 255, 255, 0.77); letter-spacing: 1px;margin-top:-10px;}
.icon-circle{width:50px;height:50px;background:#000;position: absolute; top: 10%; left: 40%;  -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -moz-opacity: 0.7; -khtml-opacity: 0.7; -webkit-opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; ;   z-index: 100; background: rgba(0, 0, 0, 0.7);padding: 0; -webkit-transition: all 00.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.pg-info:hover .icon-circle{-moz-opacity: 0.8; -khtml-opacity: 0.8; -webkit-opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); top: 37%; top: calc(30% - 10px);}
.icon-one{width: 22px; height: 20px; background:url(../images/px_sprites_w.png) no-repeat -40px 0;display:inline-block; position:relative;top:15px;left:14px; }
.icon-two{width: 22px; height: 20px; background:url(../images/px_sprites_w.png) no-repeat -285px 0;display:inline-block; position:relative;top:15px;left:14px; }
.icon-three{width: 22px; height: 20px; background:url(../images/px_sprites_w.png) no-repeat -80px 0;display:inline-block; position:relative;top:15px;left:14px; }
.icon-four{width: 22px; height: 20px; background:url(../images/px_sprites_w.png) no-repeat -368px 0;display:inline-block; position:relative;top:15px;left:14px; }
.icon-five{width: 22px; height: 20px; background:url(../images/px_sprites_w.png) no-repeat -408px 0;display:inline-block; position:relative;top:15px;left:14px; }

.icon-circle2{width:50px;height:50px;background:#000;position: absolute; top: 30%; left: 45%;  -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -moz-opacity: 0.7; -khtml-opacity: 0.7; -webkit-opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; ;   z-index: 100; background: rgba(0, 0, 0, 0.7);padding: 0; -webkit-transition: all 00.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.pg-details2{text-align: center; padding: 0; width: 100%; position: absolute; bottom: 40%; color: #ffffff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.pg-details2 h2{color:#fff!important;font-size:25px;font-weight: bold;text-align:center;}
.pg-categories2{width: 100%; display: block; font-size: 18px; text-transform: uppercase; margin:0; color: rgba(255, 255, 255, 0.77); letter-spacing: 1px;margin-top:-10px;}

.icon-circle3{width:50px;height:50px;background:#000;position: absolute; top:30%; left: 42%;  -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -moz-opacity: 0.7; -khtml-opacity: 0.7; -webkit-opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; ;   z-index: 100; background: rgba(0, 0, 0, 0.7);padding: 0; -webkit-transition: all 00.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.pg-details3{text-align: center; padding: 0; width: 100%; position: absolute; bottom: 30%; color: #ffffff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.pg-details3 h2{color:#fff!important;font-size:20px;font-weight: bold;text-align:center;}
.pg-categories2{width: 100%; display: block; font-size: 15px; text-transform: uppercase; margin:0; color: rgba(255, 255, 255, 0.77); letter-spacing: 1px;margin-top:-10px;}

.pg-info4{width:100%; height: 100%;text-align: left; padding:0; min-height: 35px; position: absolute; bottom: 0; left: 0; z-index: 10; background:#768092; background: rgba(118,128,146,.8); -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; }
.pg-info4:hover{-moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1;}
.pg-info4:hover .pg-details4{bottom: 25%; bottom: calc(33% - 10px);}
.pg-info4:hover .icon-circle4{-moz-opacity: 0.8; -khtml-opacity: 0.8; -webkit-opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); top: 37%; top: calc(30% - 10px);}
.icon-circle4{width:50px;height:50px;background:#000;position: absolute; top:25%; left: 40%;  -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -moz-opacity: 0.7; -khtml-opacity: 0.7; -webkit-opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; ;   z-index: 100; background: rgba(0, 0, 0, 0.7);padding: 0; -webkit-transition: all 00.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.pg-details4{text-align: center; padding: 0; width: 100%; position: absolute; bottom: 28%; color: #ffffff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.pg-details4 h2{color:#fff!important;font-size:16px;font-weight: bold;text-align:center;}
.pg-categories4{width: 100%; display: block; font-size: 14px; text-transform: uppercase; margin:0; color: rgba(255, 255, 255, 0.77); letter-spacing: 1px;margin-top:-10px;}

.icon-circle5{width:50px;height:50px;background:#000;position: absolute; top:30%; left: 42%;  -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -moz-opacity: 0.7; -khtml-opacity: 0.7; -webkit-opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; ;   z-index: 100; background: rgba(0, 0, 0, 0.7);padding: 0; -webkit-transition: all 00.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.pg-details5{text-align: center; padding: 0; width: 100%; position: absolute; bottom: 30%; color: #ffffff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.pg-details5 h2{color:#fff!important;font-size:17px;font-weight: bold;text-align:center;}
.pg-categories5{width: 100%; display: block; font-size: 13px; text-transform: uppercase; margin:0; color: rgba(255, 255, 255, 0.77); letter-spacing: 1px;margin-top:-10px;}


/*------------------ Project Page -------------------*/
.project_page_left{height:auto;overflow:hidden;padding:0 30px;}
.project_page_right{height:auto;overflow:hidden;padding:0 10px;}
.project_page_right .demo_content_title h3{ font-size:18px;  font-weight:300;padding:0; }
.content_right_border{padding:5px 0;}
.content_right_border .left_border{ width:30%; background:#768092; border:none; float:left;height:4px; position:relative;top:-2px;}
.content_right_border .right_border{ width:70%; background:#eee; border:none; float:left;height:2px;}
.project_overview{ line-height:1.8em;padding:5px 0 ;}
.project_datails{padding:20px 0 10px;}
.project_datails span{ font-weight:500; color:#222; font-size:16px; }
.project_border{ background:#ededed; height:1px;}
.project_skills{width:100%;}

/*---------- Project List -------------- */
.project_pic:hover { filter:Alpha(Opacity=60);opacity:0.6; transition: all 0.8s ease 0s;  -webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;}
.project_page{height:auto;overflow:hidden;padding:0;width:100%;}
.project_contain{margin:20px 0;float:left;}
.project_list h3 { font-size:20px; border-bottom:1px solid #e9e9e9; padding-bottom:10px;}
.project_list:hover h3 { color:#555;transition: all 0.8s ease-in 0s; -webkit-transition: all 0.8s ease-in 0s; -moz-transition: all 0.8s ease-in 0s; }
.project_list .categories {margin-bottom:20px;}
.project_list .categories a{ color:#999; }
.project_list .intro { font-size:12px; margin-bottom:20px; margin-top:20px; }
.project_list a.read-more { font-size:13px; height:30px;line-height:30px;display:block;text-align:center; background:#bbb; color:#fff;  transition: all 0.5s ease-in 0s; -webkit-transition: all 0.5s ease-in 0s; -moz-transition: all 0.5s ease-in 0s;}
.project_list a.read-more:hover { background:#768092; }

/*---------Project Pagination---------*/
.project-pagination a{display:block;height:32px;line-height:32px;border:1px solid #f0f0f0;color:#768092;float:left;padding:0 15px;}
.project-pagination a.next-btn{margin-left:10px;}
.project-pagination a:hover{background-color:#768092;border-color:#768092;color:#fff;  transition: all 0.2s ease-in 0s; -webkit-transition: all 0.2s ease-in 0s; -moz-transition: all 0.2s ease-in 0s;}
.project-pagination ul{margin-left:10px;float:left;overflow:hidden;}
.project-pagination li{float:left;display:block;padding:0px 2px;}
.project-pagination li:before{content:"";width:auto;}
.project-pagination li.selected a{background-color:#768092;border-color:#768092;color:#fff;}
.project-pagination li.selected a:hover{cursor:default;}

/*---------- Gallery Page -------------- */
.gallery_page{height:auto;overflow:hidden;padding:20px;}
.gallery_box_outer{  min-height:160px; margin-bottom:5px;width:23%;float:left;padding:1% 1%;}
.page_number{float:left;padding-top:20px;}
.page_number span{ margin:0 7px;}
.page_number span a{ padding:10px; background:#fff; text-decoration:none;color:#000;text-align:center; width:22px;height:22px;line-height:22px;}
.page_number .active{background:#768092;color:#fff;}
.page_number span a:hover{ color:#fff; background:#768092;}