/*
/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ CONTENTS /\/\/\/\/\/\/\/\/\/\/\/\/\/\//\/\/\/\
1. IMPORT
2. HEADER
3. NAVIGATION
4. FOOTER & FOOTER WIDGETS
5. SIDEBAR & SIDEBAR WIDGETS
6. PORTFOLIO/PROJECTS
7. BLOG STYLING
8. HOME PAGE
9. 404 PAGE
10. ABOUT PAGE
11. CONTACT PAGE FORM
12. ICON LIST
13. RECENT WORK CAROUSEL
14. TESTIMONIALS
15. ICON SERVICE BOXES
16. PARALLAX
17. CLIENTS
18. TYPOGRAPHY
19. BUTTONS
20. PRICING TABLES BOXS
21. TABS
22. ACCORDION & TOGGLE
23. PROGRESS SKILL BAR
24. PROMO BOX
25. PAGINATION
26. TITLE
27. DROPCAPS
28. HIGHLIGHT
29. SWIPE J.S SLIDER
30. CAROUSEL
31. FLICKR
33. LIST & BULLETS
33. BUTTON UP
34. MEDIA QUERIES
*/
/* =================================================================== */
/* Import Section
====================================================================== */
@import url("font-awesome.css");
@import url("magnified.css");
@import url("http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700");
@import url(http://fonts.googleapis.com/css?family=Lato:400,300,700);
@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700);
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-weight: 600;
}
body, h1, h2, h3, h4, h5, h6, .button, input[type="button"], input[type="submit"], input[type="text"], input[type="password"], input[type="email"], textarea, select {
font-family: "Open Sans",Helvetica,Arial,sans-serif;
font-size:15px;
line-height:20px;
color:#000;
}
h1 {
font-size: 28px;
line-height: 50px;
}
h2 {
font-size: 25px;
line-height: 40px;
}
h3 {
font-size: 16px;
line-height: 30px;
}
h4 {
font-size: 16px;
line-height: 30px;
}
h5 {
font-size: 10px;
line-height: 21px;
}
h6 {
font-size: 12px;
line-height: 24px;
}
a {text-decoration: none ;}
a:hover{
text-decoration: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
color:#000000;
}
a:focus{
outline: none;
text-decoration: none;
}
.not-ie a {
-webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
-moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
-ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
-o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
}
.author_bio {
display: block;
float: right;
padding: 20px;
position: relative;
width: 75%;
}
.author_det {
margin-bottom: 0;
}
.author_bio > h5 {
font-size: 12px;
margin: 0 auto 10px;
}
.author_bio > h5 a{color:#8CBE45;}
.mrgb-20{
margin-bottom:20px;
display:block;
}
.mrgb-30{
margin-bottom:30px;
}
.mrgb-40{
margin-bottom:40px;
position:relative;
display:block;
}
.mrgb-50{
margin-bottom:50px;
position:relative;
display:block;
}
.mrgb-60{
margin-bottom:60px;
position:relative;
display:block;
}
.mrg-0{
margin:0 auto;
}
.mrgt-0{
margin:0 auto 20px;
}
/* =================================================================== */
/* 2. HEADER
====================================================================== */
#header { z-index: 999; background: #fff; width:
100%; transition: all 0.4s ease-in-out 0s;
}
#top-bar{background: #323A45; color: #fff; padding: 5px 0 3px;}
.top-info ul{ list-style: none; float: right; padding:0; margin: 0;}
.top-info span { font: 13px/28px "open sans",Helvetica,Arial,sans-serif; padding-right: 15px; }
.top-info span i { font-size: 13px; margin-right: 5px; }
.top-info li{ float:left;}
.top-info li a{
border: 1px solid #fff !important;
border-radius: 100%;
color: #fff;
display: inline-block;
font-size: 14px;
height: 25px;
line-height: 23px;
margin: 0 2px;
text-align: center;
transition: background-color 400ms linear 0s;
width: 25px;
}
.top-info li:hover a                {color:#fff!important;}
.top-info li:hover a.my-tweet       {background:#3ABDD1;}
.top-info li:hover a.my-facebook    {background:#648CD5;}
.top-info li:hover a.my-skype       {background:#00AFFF;}
.top-info li:hover a.my-pint        {background:#DE5656;}
.top-info li:hover a.my-rss         {background:#EF8D1F;}
.top-info li:hover a.my-google      {background:#E73904;}
.ie8 #header {  border-bottom: 1px solid #e9e9e9;}
/* Logo
====================================*/
#logo-bar{
padding:12px 0;
background:#fff;
}
#logo-bar.scroll-to-fixed-fixed{
box-shadow:0 0 10px #9C9999;
-webkit-box-shadow:0 0 10px #9C9999;
-moz-box-shadow:0 0 10px #9C9999;
-ms-box-shadow:0 0 10px #9C9999;
-o-box-shadow:0 0 10px #9C9999;
}
#logo{ float: left; }
#logo > h1 {
margin:0;
line-height: 0;
font-size: 0;
}
#logo a img {
max-width:100%;
height: auto;
}
.content {
padding: 6px 0 60px;
position: relative;
}
.sub_content{
padding: 30px 0;
}
/* page_head Title
====================================*/
.page_head {
border-bottom: 1px solid #eee;
padding:0;
}
.page_head > .container{
padding:30px 0;
}
.page_title {
float: left;
margin-top: 10px;
}
.page_title h2 {
background: #333333;
color: #fff;
float: left;
font-size: 24px;
font-weight: 600;
margin-bottom: 2px;
margin-top: 0;
padding: 2px 9px;
}
.sub_heading{
display: block;
background: #fff;
color: #666;
font-size: 16px;
padding: 5px 8px;
border-left: 2px solid #8CBE45;
clear: both;
}
/* Breadcrumbs
====================================*/
#breadcrumbs{
background: #fff;
margin-top: 25px;
padding:2px 6px;
float: right;
border-left: 2px solid #8CBE45;
}
#breadcrumbs ul {
float: right;
font-size: 12px;
padding: 0;
margin: 0;
}
#breadcrumbs ul li {
display: inline-block;
color: #888;
padding: 0 11px 0 0;
margin: 0 0 0 5px;
background: url(../images/breadcrumbs.png) no-repeat 100% 50%;
}
#breadcrumbs ul li:last-child a,
#breadcrumbs ul li a { color: #8CBE45; }
#breadcrumbs ul li:first-child { padding-right: 0; margin-left: 0; }
#breadcrumbs ul li:first-child,
#breadcrumbs ul li:last-child {
color: #888;
background: none;
}
#breadcrumbs ul li:last-child { padding:0; background: none; }
/* =================================================================== */
/* 3. NAVIGATION
====================================================================== */
/*
Add some SmartMenus required styles not covered in Bootstrap 3's default CSS.
These are theme independent and should work with any Bootstrap 3 theme mod.
*/
.navbar-nav ul
{
width:100%;
min-width:187px!important;
padding:0;
}
.navbar-nav > li > ul.dropdown-menu
{
top:48px!important;
}
.navbar-toggle{
background:#303436;
border:none;
padding:10px 10px;
border-radius:3px;
margin-top:5px;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
background:#303436;
}
.navbar-default .navbar-toggle .icon-bar{
background-color:#fff;
height:3px;
}
.navbar{
margin-bottom: 0;
background:#323A45;
min-height:35px;
border:none;
border-top: 7px solid #8CBE45;
/*position: relative;*/
}
/* sub menus arrows */
.navbar-nav .sub-arrow, .navbar-nav .collapsible .sub-arrow {
position:static;
margin-top:0;
margin-right:0;
margin-left:6px;
display:inline-block;
width:0;
height: 0;
overflow:hidden;
vertical-align:middle;
border-top:4px solid;
border-right:4px dashed transparent;
border-bottom:4px dashed transparent;
border-left:4px dashed transparent;
}
.navbar-nav > li > .has-submenu .sub-arrow {
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
font-size: 12px;
width:8px;
height: 8px;
line-height: 8px;
border-width: 0px;
}
.navbar-nav > li > .has-submenu .sub-arrow:before {
content: "\f107";
}
.navbar-nav ul .sub-arrow {
position:absolute;
right:0;
margin-top:6px;
margin-right:15px;
border-top:4px dashed transparent;
border-bottom:4px dashed transparent;
border-left:4px solid;
}
.navbar-nav ul a.has-submenu {
padding-right:30px;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
border-color: transparent;
}
/* scrolling arrows for tall menus */
.navbar-nav span.scroll-up, .navbar-nav span.scroll-down {
position:absolute;
display:none;
visibility:hidden;
height:20px;
overflow:hidden;
text-align:center;
}
.navbar-nav span.scroll-up-arrow, .navbar-nav span.scroll-down-arrow {
position:absolute;
top:-2px;
left:50%;
margin-left:-8px;
width:0;
height:0;
overflow:hidden;
border-top:7px dashed transparent;
border-right:7px dashed transparent;
border-bottom:7px solid;
border-left:7px dashed transparent;
}
.navbar-nav{
border-right: 1px solid #19222d;
/*border-left: 1px solid #425166;*/
}
.navbar-nav span.scroll-down-arrow {
top:6px;
border-top:7px solid;
border-right:7px dashed transparent;
border-bottom:7px dashed transparent;
border-left:7px dashed transparent;
}
.navbar-default .navbar-nav li a{
color:#000000;
text-transform:none;
font-size: 13px;
font-weight: 600;
line-height:15px;
}
.navbar-default .navbar-nav > li{
border-left: 1px solid #19222d;
border-right: 1px solid #425166;
}
.navbar-default .navbar-nav > li:first-child{
border-left:none;
}
.navbar-default .navbar-nav > li > a{
padding:12px 18px;
color:#fff;
}
.navbar-nav > li > a:hover,.navbar-nav > li > a:focus,.navbar-nav > li.active > a,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus
{
background:#8ABE42!important;
color:#fff!important;
}
/* add more indentation for 2+ level sub in collapsible mode - Bootstrap normally supports just 1 level sub menus */
.navbar-nav .collapsible ul .dropdown-menu > li > a,
.navbar-nav .collapsible ul .dropdown-menu .dropdown-header {
padding-left:35px;
}
.navbar-nav .collapsible ul ul .dropdown-menu > li > a,
.navbar-nav .collapsible ul ul .dropdown-menu .dropdown-header {
padding-left:45px;
}
.navbar-nav .collapsible ul ul ul .dropdown-menu > li > a,
.navbar-nav .collapsible ul ul ul .dropdown-menu .dropdown-header {
padding-left:55px;
}
.navbar-nav .collapsible ul ul ul ul .dropdown-menu > li > a,
.navbar-nav .collapsible ul ul ul ul .dropdown-menu .dropdown-header {
padding-left:60px;
}
/* fix SmartMenus sub menus auto width (subMenusMinWidth and subMenusMaxWidth options) */
.navbar-nav > li > ul:before{
content:"";
position:absolute;
border:11px solid transparent;
border-bottom-color:#8ABE42;
top:-22px;
left:36%;
}
.navbar-nav > li ul > li:first-child
{
border-top:2px solid #8ABE42;
}
.navbar-nav .dropdown-menu > li > a {
white-space:normal;
font-size: 13px;
padding:12px 20px;
border-bottom:1px solid #e4e4e4;
}
.navbar-nav .dropdown-menu > li > a:hover
{
color:#44474E;
}
.navbar-nav ul.sm-nowrap > li > a {
white-space:nowrap;
}
/* The following will make the sub menus collapsible for small screen devices (it's not recommended editing these) */
.navbar-nav .collapsible ul {display:none;position:static !important;top:auto !important;left:auto !important;margin-left:0 !important;margin-top:0 !important;width:auto !important;min-width:0 !important;max-width:none !important;}
.navbar-nav .collapsible ul.sm-nowrap > li > a {white-space:normal;}
.navbar-nav .collapsible iframe{display:none;}
/* disable Bootstrap 3's global box-sizing:border-box; for the menus as it doesn't play nice with SmartMenus */
ul.sm li *,ul.sm li *:before,ul.sm li *:after{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus
{
border-color:transparent!important;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus{
background-color:#fff ;
}
/* ===================================================== */
/* 4. FOOTER & FOOTER WIDGETS                                                */
/* ===================================================== */
.footer_bottom{
background:#292F38;
padding:20px 0;
color:#fff;
}
.footer{
background:#323A45;
padding:30px 0;
position: relative;
color:#fff;
}
/* Footer Widgets
====================================*/
.widget_content{
margin-top: 15px;
}
.widget_content > p {
font-family: Pt Sans,Helvetica,Arial,sans-serif;
font-size: 14px;
}
.copyright {
color: #AAAAAA;
font-size: 12px;
line-height: 40px;
margin: 0;
}
.copyright a{
color:#fff;
text-decoration:none;
}
.copyright a:hover{
color:#aaa;
}
.sidebar .widget h4 span
{
background:#fff;
color:inherit;
}

/* =================================================================== */
/* 5. Sidebar & Sidebar Widgets
====================================================================== */
.sidebar .widget {
display: block;
float: left;
height: 100%;
margin-bottom: 30px;
position: relative;
width: 100%;
}
.sidebar .widget ul.list_style{
padding: 0px;
margin: 0px;
float: left;
width: 100%;
}
.sidebar .widget ul.list_style li{
list-style:none;
border-bottom:1px solid #f2f2f2;
font-size: 14px;
line-height: 20px;
padding: 8px 2px 8px 12px;
}
.sidebar .list_style li:before
{
font-family: FontAwesome;
content: "\f105";
font-size: 15px;
position: absolute;
left: 0;
top: 8px;
}
.sidebar .widget ul.list_style li a {
color: #000;
font-size: 15px;
line-height: 25px;
}
.sidebar .widget ul.list_style li a:hover {
color:#8ABE42;
}

/* ======================================================================== */
/* 19. BUTTONS                                                              */
/* ======================================================================== */
.btn{
color: #fff;
}
.btn-default{
margin-right: 10px;
background:#8CBE45;
color:#fff;
border:none;
border-radius:2px;
transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-ms-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
}
.btn-default:hover{
background:#659524;
color:#fff;
}
.btn-default1{
color: #035e89;
text-decoration: none;
text-shadow: 0 1px 0 #fff;
background-image: -webkit-linear-gradient(top,#fff 0,#e0e0e0 100%);
margin: 3px;
float: right;
background-image: -o-linear-gradient(top,#fff 0,#e0e0e0 100%);
background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#e0e0e0));
background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
background-repeat: repeat-x;
border-color: #dbdbdb;
border-color: #ccc;
}
.btn-default1:hover{
color: #32aae1;
}
/* Social Buttons
====================================*/
.btn-social-googleplus {
background-color: hsl(0, 0%, 18%);
}
.btn-social-facebook {
background-color:#3453A2;
}
.btn-social-twitter {
background-color:#2ABBE3;
}
.btn-social-pinterest {
background-color: #D91F25;
}
.btn-social-linkedin {
background-color:#1F80BB;
}
.btn-social-stumbleupon {
background-color:#E86130;
}
.btn-social-stumbleupon,
.btn-social-linkedin,
.btn-social-pinterest,
.btn-social-twitter,
.btn-social-facebook,
.btn-social-googleplus
{
color:#fff;
border-radius:0;
}
.content.elements .btn
{
border-radius:2px;
}
.btn-social-stumbleupon:hover,
.btn-social-googleplus:hover ,
.btn-social-linkedin:hover,
.btn-social-pinterest:hover,
.btn-social-twitter:hover,
.btn-social-facebook:hover
{
background:#333;
color:#fff;
}
/* -------------------------------------------------- */
/*  21. TABS
/* -------------------------------------------------- */
.nav-tabs
{
border:none;
}
.nav-tabs > li > a
{
background:#F8F8F8;
border:1px solid #ebebeb;
margin:0;
color:#777777;
border-radius:0;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus
{
border-color:#ebebeb;
outline:none;
background:white;
color:#8CBE45;
margin:0 0 -1px 0;
border-bottom:none;
border-top: 1px solid #8CBE45;
}
.nav-tabs li.active, .nav-tabs li.active a, .nav-tabs li.active a:hover {
border-top: 1px solid #8CBE45;
color:#8CBE45;
}
ul.nav-tabs li a i {
font-size: 24px;
font-weight: 500;
line-height: 30px;
}
ul.nav-tabs li.last-tab a
{
padding:4px 22px;
outline:none;
}
.tab-content
{
border:1px solid #ebebeb;
padding:20px 14px;
}
.tab-content:first-child { display: block; }
.tab-content > h3 {
color: #555333;
font-size: 20px;
font-weight: 600;
line-height: 24px;
margin-top: 0;
}
.tab-content > p {
font-family: lato,Helvetica,Arial,sans-serif;
line-height: 20px;
}
/* Recent Tab
====================================*/
.recent_tab_list
{
margin:0;
padding:0;
}
ul.recent_tab_list li
{
margin: 0 0 15.5px;
padding: 0 0 17px;
list-style-type: none;
border-bottom: 1px solid #ebebeb;
float: left;
width: 100%;
}
.recent_tab_list li span {
float: left;
margin-right: 15px;
}
.recent_tab_list li a {
color: #444444;
display: block;
font-size: 12px;
text-decoration: none;
}
.recent_tab_list li a:hover {
color: #8CBE45;
}
.recent_tab_list li span img {
float: left;
margin-right: 0px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
.recent_tab_list li span img:hover {
float: left;
margin-right: 0px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
.recent_tab_list li i {
padding: 1px 0px 0px 0px;
margin: 0px;
display: block;
font-size: 11px;
font-style: normal;
color: #9e9e9e;
font-family:Lato,Helvetica,Arial,sans-serif;
}
.recent_tab_list li.last {
padding: 0px 0px 7px 0px;
margin: 0px 0px 0px 0px;
border-bottom: 0px solid #f5f6f6;
}
/* =========================================*/
/* 22. ACCORDION & TOGGLE                   */
/* =========================================*/
.panel-heading,.panel-group .panel{
border-radius:0;
}
.panel-heading{
padding-right:6px;
padding-left:6px;
}
.panel.active_acc
{
border-top-color:#8ABE42;
}
.active_acc .panel-title a,
.active_acc .accordian-icon
{
color:#8ABE42;
}
.panel.active_acc,
.panel:hover
{
border-top-color:#8ABE42;
}
.panel-heading:hover  a,
.panel-heading:hover .accordian-icon{
color:#404436;
}
.accordian-icon{
float:left;
padding:0 8px ;
}
.panel-default > .panel-heading{
background:none;
}
.panel-title > a{
font-size: 16px;
font-weight: 500;
margin-bottom: 0;
color:#585858;
display:block;
outline:none;
text-decoration: none;
}
.panel-group .panel-heading + .panel-collapse .panel-body{
border-top:none;
}
/* ==================================================
26. TITLE
================================================== */
.dividerHeading,
.widget_title
{
text-align: center;
position: relative;
margin-bottom:30px;
}
.dividerHeading h4,
.widget_title h4
{
font-size:25px;
position:relative;
line-height:0;
border-bottom: 1px solid #8CBE45;
}
.dividerHeading h4 span{
background:white;
position:relative;
line-height: 7px;
top: 4px;
display: inline-block;
}
.dividerHeading h4 span:before,
.dividerHeading h4 span:after,
.widget_title h4 span:after,
.widget_title h4 span:before
{
color:#8CBE45;
font-size:15px;
content: "\f10c";
font-family:fontawesome;
display: inline-block;
}
.dividerHeading h4 span:before,
.widget_title h4 span:before
{
margin-right:10px ;
}
.dividerHeading h4 span:after,
.widget_title h4 span:after
{
margin-left:10px ;
}
.widget_title {
position: relative;
}
.widget_title h4 {
font-size: 18px;
}
.footer .widget_title h4
{
border-color:#dfdfdf;
}
.footer .widget_title h4 span:before,
.footer .widget_title h4 span:after
{
color:#dfdfdf!important;
}
.footer .widget_title h4 span
{
color:#fff;
padding:0;
background:#323A45;
}
/* Footer Social
====================================*/
.footer_social{
float: right;
}
.footbot_social {
list-style: none outside none;
margin: 0 auto;
overflow: hidden;
padding: 0;
}
.footbot_social li {
float: left;
background: none !important;
}
.footbot_social li a {
color: #666;
display:block;
height: 40px;
text-align: center;
width:35px;
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
margin: 0 2px;
}
.footbot_social li a i {
font-size: 18px;
line-height: 40px;
margin-right: 0;
float: none;
}
.footbot_social li a.fb:hover            {background:#1964DA; border-radius: 5px; color:#fff;}
.footbot_social li a.twtr:hover          {color: #fff; background:#3ABDD1; border-radius:5px;}
.footbot_social li a.gmail:hover         {color: #fff;}
.footbot_social li a.pinterest:hover     {color: #fff;}
.footbot_social li a.rss:hover           {color: #fff; background:#F15200; border-radius:5px;}
.footbot_social li a.tumblr:hover        {color: #fff;}
.footbot_social li a.flickr:hover        {color: #fff;}
.footbot_social li a.instagram:hover     {color: #fff;}
.footbot_social li a.linkedin:hover      {color: #fff;}
.footbot_social li a.skype:hover         {color: #fff; background:#00AAF1; border-radius:5px;}
.footbot_social li a.youtube:hover       {color: #fff;}
.footbot_social li a.dribbble:hover      { color: #fff; background:#F97193; border-radius:5px;}
/* ===================================================== */
/* 32. List & Bullets                                                */
/* ===================================================== */
ul{
list-style: none;
margin: 0;
padding: 0;
}
/* --------list style  CSS---------- */
.list_style li {
font-family: PT sans,Helvetica,Arial,sans-serif;
font-size: 14px;
line-height: 21px;
padding:3px 2px 3px 10px;
position: relative;
}
.list_style li a {
color: #666;
font-size: 14px;
font-weight: 500;
letter-spacing: 0;
text-decoration: none;
}
.list_style li a:hover {
color: #8CBE45;
text-decoration: none;
}
.list_style li a.active {
color: #8CBE45;
}
/* --------list style 1 : Simple CSS---------- */
.list_style li {
padding:3px 2px 3px 12px;
}
.list_style li:before {
font-family: FontAwesome;
content: "\f105";
font-size: 14px;
position: absolute;
left: 0;
top: 3px;
}
/* --------list style 2 : Circle CSS---------- */
.list_style.circle li {
padding:3px 2px 3px 23px;
}
.list_style.circle li:before{
font-family: FontAwesome;
content: "\f105";
color: #FFFFFF;
background: #8CBE45;
border-radius:50%;
display: inline-block;
height: 16px;
line-height: 16px;
width: 16px;
text-align: center;
font-size: 11px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
position: absolute;
left: 0;
top: 5px;
}
/* --------list style 3 : Square CSS---------- */
.list_style.square li {
padding:3px 2px 3px 23px;
}
.list_style.square li:before {
font-family: FontAwesome;
content: "\f105";
background: #8CBE45;
display: inline-block;
border-radius:0;
color: #FFFFFF;
height: 15px;
width: 15px;
line-height: 15px;
text-align: center;
position: absolute;
left: 0;
top: 5px;
}
/* --------list style 4 : Star CSS---------- */
.list_style.star li {
padding:3px 2px 3px 22px;
}
.list_style.star li:before {
font-family: FontAwesome;
content: "\f005";
display: inline-block;
border-radius:0;
color: #8CBE45;
font-size: 16px;
text-align: center;
position: absolute;
left: 0;
top: 3px;
}
/* --------list style 5 : Right-arrow CSS---------- */
.list_style.right-arrow li {
padding:3px 2px 3px 20px;
}
.list_style.right-arrow li:before {
font-family: FontAwesome;
content: "";
display: inline-block;
border-radius:0;
color: #8CBE45;
font-size: 15px;
position: absolute;
left: 0;
top: 4px;
}
/* --------list style 6 : Hand CSS---------- */
.list_style.hand li {
padding:3px 2px 3px 22px;
}
.list_style.hand li:before {
font-family: FontAwesome;
content: "";
display: inline-block;
border-radius:0;
color: #8CBE45;
position: absolute;
left: 0;
top: 4px;
}
/* --------list style 7 : Play  CSS---------- */
.list_style.play li {
padding:3px 2px 3px 21px;
}
.list_style.play li:before {
font-family: FontAwesome;
content: "";
display: inline-block;
border-radius:0;
color: #8CBE45;
font-size: 15px;
position: absolute;
left: 0;
top: 3px;
}
/* --------list style 8 : Dubble-Right-Arrow  CSS---------- */
.list_style.dubble-right-arrow li {
padding:3px 2px 3px 17px;
}
.list_style.dubble-right-arrow li:before {
font-family: FontAwesome;
content: "";
display: inline-block;
border-radius:0;
color: #8CBE45;
font-size: 15px;
position: absolute;
left: 0;
top: 3px;
}
/* --------list style 9 : Multiple-Icon CSS---------- */
.multi-icon-list li{
font-family: PT sans,Helvetica,Arial,sans-serif;
font-size: 14px;
line-height: 21px;
padding: 3px 2px 3px 23px;
position: relative;
}
.multi-icon-list li i.fa{
color: #8CBE45;
font-size: 16px;
position: absolute;
left: 0;
}
/* ===================================================== */
/* 33. Button Up                                         */
/* ===================================================== */
.btntoTop {
width: 44px;
height: 44px;
position: fixed;
bottom: 30px;
right: 30px;
background-color: #34495e;
border-radius: 2px;
text-align: center;
line-height: 40px;
cursor: pointer;
opacity: 0;
-webkit-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
}
.btntoTop:before {
content: "\f106";
display: inline-block;
vertical-align: middle;
font: 20px 'FontAwesome';
color: #b8bcc0;
}
.btntoTop.active {
opacity: 1;
}
.btntoTop.active:hover{
opacity: 0.8
}
/* ===================================================== */
/* 34. Media Query                                       */
/* ===================================================== */
@media only screen and (min-width: 980px) and (max-width: 1280px){
.names{font-size:14px}
.team_social { margin: 37% 0 0 29%; }
.blog_medium .post_img{width:30%; }
.shares li.shareslabel h3{padding:8px 14px;}
.comment_form > input{width:30%;}
.large-images .recent-item:hover a.hover-zoom,.medium-images .recent-item:hover a.hover-zoom,
.small-images .recent-item:hover a.hover-zoom{left:22%; top:38%;}
.large-images .recent-item:hover a.hover-link,.medium-images .recent-item:hover a.hover-link,
.small-images .recent-item:hover a.hover-link{right:22%; top:38%;}
.recent-item h5{ margin:0 0 44%!important;}
.testimonial .testimonial-buttons a{height:17px;line-height:17px;width:17px;}
.testimonial .testimonial-buttons {position:absolute; right: 47%; top: -22px;}
.post-images { margin-right: 15px;}
}
@media only screen and (min-width: 768px) and (max-width: 989px){
#logo{margin:0;width:78px;}
.navbar-default .navbar-nav li a {
padding: 7px;
font-size: 11px;
}
.recent-item h5{margin-top:20px; }
.large-images .recent-item:hover a.hover-zoom,.large-images .recent-item:hover a.hover-link,
.medium-images .recent-item:hover a.hover-zoom,.medium-images .recent-item:hover a.hover-link,
.small-images .recent-item:hover a.hover-link,.small-images .recent-item:hover a.hover-zoom,
.jcarousel .recent-item:hover a.hover-zoom,.jcarousel .recent-item:hover a.hover-link
{ top:41%; opacity:1; }
.large-images .recent-item:hover a.hover-zoom,.medium-images .recent-item:hover a.hover-zoom,
.small-images .recent-item:hover a.hover-zoom{left:20%;}
.large-images .recent-item:hover a.hover-link,.medium-images .recent-item:hover a.hover-link,
.small-images .recent-item:hover a.hover-link{right:20%;}
.tab-content{margin-bottom:30px;}
.team_social { margin: 37% 0 0 29%; }
.post-images { margin-right: 15px; }
}
@media only screen and (max-width:768px) {
span.ct1 {
position: relative;
top: 0px !important;
}
.doi {
margin-bottom: -4px !important;
}
#logo a img {height: auto;}
.jcarousel-list li{ width:248px; }
.tab-content{margin-bottom:30px;}
.nav-tabs > li > a { padding:10px 10px; }
.serviceBox_1,.serviceBox_2,.serviceBox_3{ margin-bottom:30px; }
.team_social { margin: 37% 0 0 42%; }
.blog-hover > a { top: 30%; }
.blog_medium .post_content{ width:45%; }
.shares li.shareslabel h3{ padding:8px 14px; }
section.parallax { padding: 30px 0; }
.parallax-testimonial{ padding: 0 15px 30px; }
.img-about{ margin-bottom: 20px; }
.texture-section{ padding: 15px 0;margin: 10px 0; }
}
@media only screen and (max-width: 767px) {
.doi {
margin-bottom: -4px !important;
}
body {
font-size: 13px !important;
}
.footer .contact-widget p {
text-align: -webkit-auto !important;
padding-top: -63px;
position: relative;
top: -16px important;
}
.contact-details-alt li {
text-align: left !important;
}
span.ct1 {
position: relative;
top: 0px !important;
}
#logo { margin: 7px 0 7px 15px; }
.navbar{
background:#fff;
border-color: transparent;
margin-top: 30px;
}
.navbar.scroll-to-fixed-fixed{
box-shadow: 0 0 10px #9c9999;
}
.navbar-nav{
background:#303436;
margin: 0;
}
.navbar-collapse{
position: absolute;
width: 100%;
}
.navbar-nav > li ul > li:first-child > a{border-top:none;}
.navbar-default .navbar-nav > li > a,.navbar-nav .dropdown-menu > li > a
{
padding-top:12px!important;
padding-bottom:12px!important;
border-top:1px solid #464c4f!important;
border-bottom:none!important;
}
.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header,
.navbar-default .navbar-nav .open .dropdown-menu > li > a
{
padding-left:45px;
color:#fff;
font-size:13px;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus
{
background:#8ABE42;
color:#fff;
}
.navbar-nav .sub-arrow, .navbar-nav .collapsible .sub-arrow
{
float:right;
color:#fff;
}
.navbar-nav > li > ul:before
{
content:"";
display:none;
}
.navbar-nav > li > .has-submenu .sub-arrow{
font-size: 14px;
font-weight: bold;
width: 10px;
}
.page_head{ padding:20px 0; }
.page_head h2 { font-size: 20px; }
#breadcrumbs {
float: left;
clear:left;
margin-top: 5px;
}
.serviceBox_1,.serviceBox_3{ margin-bottom:30px; }
.list_style li i{ margin-right:0; }
ul.client_items { display: block; margin: 0 auto; padding: 0; text-align: center; }
.list_item{ width:100%;}
.jcarousel-list li{ width:99%; }
.widget_content{ margin-bottom:30px; }
.promo_content a {
display: block;
float: none;
color: #055f7c;
margin-top: 20px;
font-size: 16px;
}
.list_style{ margin:0 0 30px; }
.pricingTable{ margin-bottom:50px; }
.team_prof{ margin-bottom:30px; }
.sidebar .widget { display:inline-block; margin-top:30px; position:relative; }
.shareslabel {display:none; }
.author_desc { height:auto; min-height:inherit; width:100%; }
.author_bio { float:none; margin-top:35%; padding:20px; position:relative; text-align:center; width:100%; }
#comment-list ul.children{ margin-left:10px; }
.comment-container{ margin-left:80px; margin-bottom:10px; }
.comment_form > input{ width:100%; }
.page_404 > h1{ font-size:160px; line-height:180px; margin-top:0; }
.page_404 > p{ font-size:26px; line-height:36px; }
.rec_blog { margin-bottom:20px; }
.copyright{ text-align:left; float:left; }
.post-images {
margin-right: 15px;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px){
.large-images .recent-item:hover a.hover-zoom,.medium-images .recent-item:hover a.hover-zoom,
.small-images .recent-item:hover a.hover-zoom{left:37%;}
.large-images .recent-item:hover a.hover-link,.medium-images .recent-item:hover a.hover-link,
.small-images .recent-item:hover a.hover-link{right:37%;}
.jcarousel  .recent-item:hover a.hover-zoom     { left:37%;}
.jcarousel  .recent-item:hover a.hover-link     {right:37%;}
.author_bio {margin-top:35%; position: relative;}
}
@media only screen and (max-width: 480px){
#breadcrumbs{ display: none; }
.team_social { margin: 37% 0 0 31%; }
.large-images .recent-item:hover a.hover-zoom,.medium-images .recent-item:hover a.hover-zoom,
.small-images .recent-item:hover a.hover-zoom{ left:37%; }
.large-images .recent-item:hover a.hover-link,.medium-images .recent-item:hover a.hover-link,
.small-images .recent-item:hover a.hover-link{ right:37%; }
.jcarousel  .recent-item:hover a.hover-zoom     { left:37%; }
.jcarousel  .recent-item:hover a.hover-link     { right:37%; }
.author_bio {margin-top:55%; position: relative;}
#filter li a{padding:10px;}
.post-images {
width: 100%;
margin-right: 0px;
margin-bottom: 15px;
}
.post-detail { width: 100%; }
}
/* ===================================================== */
/* 34. Article In Press                                  */
/* ===================================================== */
#articles
{
margin-bottom: 20px;
border-radius: 2px;
box-shadow: 0 1px 4px rgba(0,0,0,.13);
border:1px solid #333;
width: 100%;
background-color: #f9f9f9;
border-collapse:inherit;
}
#articles-title a {
    font-size: 15px;
    line-height: 24px;
    font-weight: 600;
    color: #0062C4;
    width: 100%;
    display: block;
    padding: 10px;
}
#articles-title a:hover
{
color:#9F2C48;
}
#articles-type {
    background: #066b8c;
    padding: 4px 10px;
    font-size: 13px;
    color: #fff;
}
#articles-auth
{
padding:10px;
margin:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:inherit;
font-weight:bold;
vertical-align: top;
padding-top: 0px;
}
#articles #lin
{
padding:5px;
padding-right:10px;
margin:0px;
float:right;
margin-bottom:5px;
text-align: right;
}
#articles #lin div
{
float:right;
padding-top:0px;
padding-left: 10px;
}
a.kl2 img {
width: 233px;
margin-top: 8px;
}