/*
Theme Name: Portfolio
Theme URI: http://themefuse.com/demo/wp/
Description: Portfolio is created by <a href="http://themefuse.com">ThemeFuse</a>.
Version: 1.0
Author: ThemeFuse
Author URI: http://themefuse.com
*/

/* 
WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use 
the custom.css file to add your styles. You can copy a style from this file and paste it in 
custom.css and it will override the style in this file. You have been warned! :)
*/

/*===================================================*/
/* Primary styles 
   #Author: Muntean Eugen


/*===================================================*/
/*
CSS STRUCTURE:

1. ADDITIONALLY STYLES

2. SITE STRUCTURE
  - Header
  - Topmenu
  - Header Sliders
  - Middle content
  - Footer 

3. EXTENDED TYPOGRAPHY and SHORTCODES
  - Typographic Elements
  - Styled Tables and Boxes
  - Text Highlights
  - Custom Lists Styles
  - Slideshow Gallery and Text
  - Table Pricing

4. EXTENDED ELEMENTS
  - Newsletter box
  - Pagination and Navigation
   

5. WIDGETS STYLES

6. POSTS
  - Blog post list
  - Comment list
  - Comment form / Contact form
  - Author/Team description 
  - Gallery list / Portfolio

7. ADDITIONALLY ICONS

FONTS USE:

font-family: 'Open Sans', sans-serif;
 
*/

/*===================================================*/
/* 1. ADDITIONALLY STYLES */
/*===================================================*/

body, html {
  font-family: "Open Sans", sans-serif;
  font-weight:normal;
  color: #666;
  margin:0; 
  padding:0;
  height: 100%;
  background:transparent url(images/bg/bg2.jpg) repeat;  /* no-repeat fixed */
  }

* {
  font-family:"Open Sans" , sans-serif;}

/* Floating & Alignment 
===================================*/
.aligncenter,
div.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto}
.alignleft {
  float: left}  
.alignright {
  float: right}
img.alignleft {
  margin:5px 15px 10px 0 !important}
img.alignright {
  margin:5px 0 10px 15px !important}

.text-right {
  text-align:right}
.text-left {
  text-align:left}
.text-center {
  text-align:center}

/* Clear Floats 
===================================*/
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear {
  background: none;
  border: 0;
  clear: both;
  display: block;
  float: none;
  font-size: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0}

.clearfix ,
.sidebar li {
  *zoom: 1}

.clearfix:before,
.clearfix:after,
.sidebar li:before,
.sidebar li:after{
  display: table;
  line-height: 0;
  content: ""}

.clearfix:after,
.sidebar li:after {
  clear: both}

.space {margin-bottom:40px;}

/* Typography
===================================*/
h1, h2, h3, h4, h5, h6 {
  font-family: 'Open Sans', serif;
  font-style:normal;
  font-weight:normal;
  color:#333;}

h1 {
  font-size: 30px;
  line-height: 32px;
  font-weight:600;}

h2 {
  font-size: 24px;
  line-height: 32px;
  font-weight:bold;}

h3 {
  font-size: 18px;
  line-height: 24px;
  font-weight: normal;
  margin-bottom: 15px;}

h4 {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  margin-bottom: 15px;}

h5 {
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  margin-bottom: 15px;}

h6 {
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  margin-bottom: 10px;
  text-transform: uppercase;}


/* Reset Margin
===================================*/
.alpha {margin-left:0 !important;}
.omega {margin-right: 0 !important;}

a:hover {text-decoration:none;}

/* Grid
===================================*/
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: 960px;
  margin: 0 auto;}

.row {
  margin-left: -20px;
  *zoom: 1;}

.row:before,
.row:after {
  display: table;
  line-height: 0;
  content: "";}

.row:after {
  clear: both;}

[class*="span"] {
  float: left;
  min-height: 1px;
  margin-left: 20px;
  overflow:hidden;}

/* Columns, Full width page, Content: 960px
-------------------------------------------------- */
.span1 { 
  width: 61px;}
.span2 { 
  width: 143px;}
.span3 { 
  width: 225px;}
.span4 { 
  width: 306px;}
.span5 { 
  width: 388px;}
.span6 { 
  width: 470px;}
.span7 { 
  width: 551px;}
.span8 { 
  width: 100%;} /*633px*/
.span9 { 
  width: 715px;}
.span10 { 
  width: 796px;}
.span11 { 
  width: 878px;}
.span12 { 
  width: 960px; }

/* Columns, Page with Sidebar, Content: 630px 
--------------------------------------------------*/
/* span */

.content.span8 .span1 { 
  width: 16px;}
.content.span8 .span2 { 
  width: 72px;}  
.content.span8 .span3 { 
  width: 138px;}  
.content.span8 .span4 { 
  width: 220px;}  /*190px*/
.content.span8 .span5 { 
  width: 240px;}
.content.span8 .span6 { 
  width: 296px;} 
.content.span8 .span7 { 
  width: 352px;}
.content.span8 .span8 { 
  width: 402px;}  
.content.span8 .span9 { 
  width: 454px;}  
.content.span8 .span10 { 
  width: 500px;}  
.content.span8 .span11 { 
  width: 556px;}
.content.span8 .span12 { 
  width: 612px;} 

/* backgrounds color
===================================*/

.bg_pink{background:#ff6666}
.bg_yellow{background:#ffcc66}
.bg_green{background:#99cc99}
.bg_blue{background:#66ccff;}

/* Buttons
===================================*/
.button , a.button {
  display:inline-block;
  *display:inline;
  zoom:1;
  color:#fff;
  background:transparent ;
  padding:0;
  font-size:18px;
  border-style:solid;
  border-width:2px;
  border-color:#FF6666;
  font-weight:300;
  white-space:nowrap;}

.button span, a.button span {
  display:block;
  text-align:center;
  background:#FF6666;
  height:39px;
  line-height:38px;
  padding:0 29px;}

.button.large , a.button.large {
  padding:8px;}
.button.large span, a.button.large span{min-width:90px}

.button.small , a.button.small {
  font-size:13px;
  font-weight:bold;}

.button.small span, a.button.small span {
  padding:0 13px;
  height:23px;
  line-height:22px;}

/*orange btn*/
.button.orange , a.button.orange {
  border-color: #FC6 !important;}
.button.orange span, a.button.orange span{
  background-color: #FC6 !important;}

/*green btn*/
.button.green , a.button.green {
  border-color: #9C9 !important;}
.button.green span, a.button.green span{
  background-color: #9C9 !important;}

/*dark_green btn*/
.button.dark_green , a.button.dark_green {
  border-color: #696 !important;}
.button.dark_green span, a.button.dark_green span{
  background-color: #696 !important;}

/*blue btn*/
.button.blue , a.button.blue {
  border-color: #3CF !important;}
.button.blue span, a.button.blue span{
  background-color: #3CF !important;}
  
/*black btn*/
.button.black , a.button.black {
  border-color: #363942 !important; width:100%}
.button.black span, a.button.black span{
  background-color: #363942 !important;}

/*gray btn*/
.button.gray , a.button.gray {
  border-color: #CCC !important;}
.button.gray span, a.button.gray span{
  background-color: #CCC !important;}

.btn_list a {
  margin-right:10px;
  margin-bottom:15px;
}

/*===================================================*/
/* 2. SITE STRUCTURE */
/*===================================================*/

.body_wrap {
  position:relative;
  background:#fff;
  margin-top:0;
  margin-bottom:0;
  margin-left:-640px;
  left:50%;
  width:1280px;
  *border-left:1px solid #e6e6e6;
  *border-right:1px solid #e6e6e6;
  *width:1278px;
  min-height:100%;
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,.16);
     -moz-box-shadow: 0 0 5px rgba(0,0,0,.16);
          box-shadow: 0 0 5px rgba(0,0,0,.16);}

/*-----------------------------------*/
/* Header */
/*-----------------------------------*/

#header {
  position:relative;
  padding-top:40px;}

#header .header_top {
  position:relative;
  margin-bottom:40px;}

.page_title h1 {
  font-size:48px; 
  font-weight:300; 
  line-height:45px; 
  text-transform: uppercase;
  margin-top:20px;
  margin-bottom:25px;
  margin-left:-3px;
  letter-spacing:-3px;
  margin-right:auto;  /* 100px */}

.header_map {margin-bottom:10px;}

#header .reply {
  text-align:left;
}
#header .reply h2{
  font-size:22px;
  font-weight:400;
}
/*-----------------------------------*/
/* Logo */
/*-----------------------------------*/
.header_top .logo{
  position:relative;
  margin-bottom:20px;}

.header_top .logo h2 { 
  font-size:30px; 
  text-transform: uppercase;
  margin:0;}

.header_top .logo h2 a {
  text-decoration:none;
  color:#333;}

.header_top .logo img {
  margin-top:5px; border-radius: 10px; }

/*-----------------------------------*/
/* Top Search */
/*-----------------------------------*/

.search_top input.input_text {
  float:left;
  font-family:"Open Sans" , sans-serif; 
  border:1px solid #e7e7e7;
  background:#fff; 
  border-radius:0;
  padding:5px 41px 5px 12px;
  width:111px;
  box-shadow:none;
  font-size:12px;
  color:#ccc;
  height:27px;}

.search_top input.input_text:focus {color:#666;}

.search_top input.btn_send {
  display:block;
  float:left;
  overflow:hidden;
  background:transparent url(images/btn_submit.jpg);
  width:33px;
  height:31px;
  border:none;
  margin-left:-37px;
  margin-top:4px;}

/*-----------------------------------*/
/* Topmenu */
-----------------------------------

#topmenu {
  position:relative;
  margin:0;padding:0;
  margin-bottom:20px;
  z-index:1300;}

ul.dropdown {
  position:relative;
  border-bottom:1px solid #bfdcbf;
  list-style:none;
  font-size:0;
  line-height:0;
  margin:0;
  padding:0;}

ul.dropdown > li {
  display:inline-block;
  /**display:inline;*/
  padding-bottom:5px;
  /*margin-bottom:-21px;*/
  margin-left:80px;
  zoom:1;
  font-size:16px;
  font-weight:600;
  text-transform: uppercase; }

ul.dropdown > li.submenu  {
  position:relative;}

ul.dropdown > li:first-child  {
  margin-left:0 !important;}

ul.dropdown > li > a {
  display:block;
  color:#5d656f;
  padding-bottom:22px;
  border-bottom:3px solid transparent }
 

ul.dropdown > li > a:hover {
  border-color:#C70000;
  color:#669966;
}
  
ul.dropdown > li > a.current {
  border-color:#C70000;
  color:#669966;
}

ul.dropdown li.submenu ul,
ul.dropdown li ul ul {
  display:none;
  font-size:0;
  line-height:0;}

ul.dropdown li:hover > ul{
  position:absolute;
  list-style:none;
  margin:0;
  padding:0;
  background:#333;
  display:block;
  z-index:1300;
  top:66px;
  left:0;
  width:245px;
  box-shadow:0 6px 9px rgba(0,0,0,.49);}

ul.dropdown li ul li:hover ul {
  left:245px;
  top:0;}

ul.dropdown li.submenu ul li {
  position:relative;
  display:block;
  zoom:1;
  line-height:0;
  font-size:0;
  text-transform:none;
  font-weight:400;
  border-bottom:1px solid #3d3d3d;}

ul.dropdown li.submenu ul li a {
  display:block;
  color:#999;
  line-height:40px;
  font-size:13px;
  *padding-left:40px;}

.ie8 ul.dropdown li.submenu ul li a {
  padding-left:40px;}

ul.dropdown li.submenu ul li a::before {
  content:"+";
  padding:0 20px;
  color:#ccc;}

ul.dropdown li.submenu ul li:hover {
  background:#494949;}

ul.dropdown > li.submenu > ul > li.first {
  background-image: url(images/triangle.png);
  background-repeat:no-repeat;
  background-position:10px -3px;}

ul.dropdown li.submenu ul li a:hover {
  color:#99cc99;}

/*Mega menu*/

.mega-menu .mega-menu-body {
  display:none;
  width:1280px;
  padding:30px 0;
  background:#333;
  min-height:30px;
  position:absolute;
  left:-160px;
  top:66px;
  box-shadow:0 5px 5px rgba(0,0,0,.14)}

.mega-menu ul {
  padding:0;
  margin:0;}

.mega-menu ul li {
  border:0;
  font-size:13px;
  line-height:1.3em;
  text-transform: none;
  font-weight:400;
  color:#ccc;}
  
.mega-menu li.current a{
  color:#333;
  border-color:#bfdcbf;
}
 
.mega-menu li a:hover {
  color:#333;
  border-color:#bfdcbf;
}

.mega-menu .mega-menu-body ul li ul {
  display:block;}

.dropdown li.mega-menu:hover .mega-menu-body {
  display:block;}

/*mega menu widgets style*/

.mega-menu .widget_container {
  margin-bottom:20px;}

.mega-menu .widget_container h3.widget_title {
  display:block;
  margin-bottom:15px;
  font-size:20px;
  color:#fff;
  border:0;
  text-transform: uppercase;
  font-weight:bold;}

.mega-menu .widget_text p.big_text {
  font-size:16px;
  color:#fff;
  margin-bottom:15px;
}

.mega-menu a.button {
  background:#666 !important;
  border:0 !important;
  font-weight:600;
  font-size:12px;
  color:#ccc;
  text-transform: uppercase;
  height:25px;
  line-height:25px;
  padding:0 10px;}

.mega-menu .widget_nav_menu li,
.mega-menu .widget_categories li,
.mega-menu .widget_links li,
.mega-menu .widget_meta li,
.mega-menu .widget_pages li,
.mega-menu .widget_archive li,
.mega-menu .widget_popular li {
  margin-bottom:5px;}

.mega-menu .widget_popular li {
  padding-top:5px;
  border-top:1px solid #575757;}

.mega-menu .widget_popular li:first-child {
  padding-top:0;
  border:0;}

.mega-menu .widget_nav_menu li a,
.mega-menu .widget_categories li a,
.mega-menu .widget_links li a,
.mega-menu .widget_meta li a,
.mega-menu .widget_pages li a,
.mega-menu .widget_archive li a,
.mega-menu .widget_popular li a {
  color:#99cc99;
  font-size:13px;
  font-weight:400;
  padding:0;}

.mega-menu .widget_nav_menu li a:before,
.mega-menu .widget_categories li a:before,
.mega-menu .widget_links li a:before,
.mega-menu .widget_meta li a:before,
.mega-menu .widget_pages li a:before,
.mega-menu .widget_archive li a:before,
.mega-menu .widget_popular li a:before {
  content:"»";
  padding-right:5px;}

.mega-menu ul.two_col li {
  width:49%;
  padding-right:1%;
  float:left;}

.mega-menu .newsletterBox input.inputField {
  background:#282626;
  height:23px;
  font-size:12px;
  color:#ccc;
  margin-top:5px;
  margin-bottom:13px;}

.mega-menu .newsletterBox input.btn-arrow {
  border:0;
  background:#666666;
  font-family:"Open Sans" , sans-serif;
  color:#ccc;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  height:25px;
  line-height:26px;
  padding:1px 10px;}



/*-----------------------------------*/
/* Top Slider*/
/*-----------------------------------*/


.header_slider {
  padding:0;
  width:960px;
  height:500px;
  margin-bottom:10px;}

.header_slider .carousel {
  margin-bottom:0;}

.header_slider .item .item_inner {
  position:absolute;
  top:0;left:0;
  width:100%;
  height:100%;}

.header_slider .slide1 .item_inner img {
  position:absolute;
  bottom:-22px;
  left:416px;
  }

.header_slider .item_inner .slide_title {
  color:#fff;
  font-size:60px;
  line-height:60px;
  letter-spacing:-5px;
  font-weight:bold;
  margin-bottom:40px;
  /*text-transform: uppercase;*/}

.header_slider .slide1 .item_inner .description {
  position:absolute;
  top:80px;
  left:75px;}

.header_slider .slide2 .item_inner .description {
  position:absolute;
  top:50px;
  left:290px;}

.header_slider .item_inner .description p {
  font-size:30px;
  color:#ccc;
  letter-spacing:-1px;
  line-height:38px;
  margin-bottom:47px;
  font-weight:300;}

.header_slider .slide2 .item_inner .description .slide_title {
  margin-bottom:20px;}

.header_slider .item_inner .service-list {
  color:#fff;
  text-align:left;}

.header_slider .slide2 .item_inner .service-list.align_right {
  position:absolute;
  right:120px;
  top:0;}

.header_slider .slide3 .item_inner iframe {
  position:absolute;
  right:50px;
  top:93px;}

.header_slider .slide3 .item_inner .description {
  position:absolute;
  left:70px;
  top:75px;}

.header_slider .slide3 .item_inner .description .slide_title ,
.header_slider .slide3 .item_inner .description p ,
.header_slider .slide4 .item_inner .description .slide_title ,
.header_slider .slide4 .item_inner .description p,
.header_slider .slide5 .item_inner .description .slide_title ,
.header_slider .slide5 .item_inner .description p{
  margin-bottom:30px;}

.header_slider .slide4 .item_inner .gallery_list {
  background:transparent url(images/temp/slide_gl_bg.png) center center no-repeat;
  position:absolute;
  z-index:1;
  right:45px;
  top:20px;
  width:557px;
  height:432px;}

.header_slider .slide4 .item_inner .gallery_list img {
  width:183px;
  height:183px;}

.header_slider .slide4 .item_inner .gallery_list .img1 {
  position:relative;
  display:inline-block;
  top:85px;
  left:65px;
  z-index:1;
  transform: rotate(-13.7deg) !important;
  -webkit-transform: rotate(-13.7deg) !important;
  -moz-transform: rotate(-13.5deg) !important;
  -o-transform: rotate(-13.5deg) !important;
  -ms-transform: rotate(-13.7deg) !important;}

.header_slider .slide4 .item_inner .gallery_list .img2 {
  position:absolute;
  top: 60px;
  left: 260px;
  z-index:2;
  transform: rotate(23deg) !important;
  -webkit-transform: rotate(23deg) !important;
  -moz-transform: rotate(23deg) !important;
  -o-transform: rotate(23deg) !important;
  -ms-transform: rotate(23deg) !important;}

.header_slider .slide4 .item_inner .gallery_list .img3 {
  position:absolute;
  top: 135px;
  left: 190px;
  z-index:3;}

.header_slider .slide4 .item_inner .gallery_list .img4 {
  position:absolute;
  top: 185px;
  left: 260px;
  z-index:3;
  transform: rotate(32deg) !important;
  -webkit-transform: rotate(32deg) !important;
  -moz-transform: rotate(32deg) !important;
  -o-transform: rotate(32deg) !important;
  -ms-transform: rotate(32deg) !important;}

.header_slider .slide4 .item_inner .gallery_list .img5 {
  position:absolute;
  top: 125px;
  left: 340px;
  z-index:3;}

.header_slider .slide4 .item_inner .description,
.header_slider .slide5 .item_inner .description {
  position:absolute;
  top:70px;
  left:74px;
  z-index:2;}

.header_slider .slide5 .item_inner > img {
  position:absolute;
  top:0;
  left:50%;
  margin-left:-274px;}

.header_slider .slide6 .item_inner > img {
  position:absolute;
  bottom:-3px;
  max-width:none !important;}

.header_slider .slide5 .item_inner ul.service-list {
  position:absolute;
  right:10px;
  top:73px;}

.header_slider .slide6 .item_inner .slide_title {
  font-size:100px;
  letter-spacing:-10px;
  line-height:100px;}

.header_slider .slide6 .item_inner .description {
  position:absolute;
  top:30px;
  left:250px;}

.header_slider .slide6 .item_inner ul.service-list {
  position:absolute;
  right:105px;}

.header_slider .slide5 .item_inner ul.service-list li {
  line-height:36px;}

.slider_footer {
  position:relative;
  background:#669966;
  box-shadow:inset 0 -5px 20px -3px rgba(0,0,0,.15) , inset 0 3px 10px rgba(0,0,0,.15);
  height:127px;
  padding-top:50px;
  text-align:center;}

.slider_footer h1 {
  font-weight:300;
  padding:0 130px;
  color:#fff;
  margin:0;}

.slide_btn {
  position:relative;
  display:inline-block;
  line-height:0;
  font-size:0;
  *display:inline;
  zoom:1;
  padding:8px;
  border:2px solid #66ccff;}

.slide_btn .wp {
  display:inline-block;
  *display:inline;
  width:150px;
  height:41px;
  line-height:40px;
  color:#fff;
  background:#66ccff;
  font-size:18px;
  font-weight:300;
  text-align:center;}

.slide_btn .or {
  display:block;
  background:#fff;
  box-shadow:0 0 5px rgba(0,0,0,.23);
  font-size:14px;
  font-weight:300;
  text-align:center;
  line-height:30px;
  width:31px;
  height:31px;
  border-radius:50%;
  position:absolute;
  top:50%;
  left:50%;
  margin-left:-15px;
  margin-top:-15px;}

.slide_btn .get {
  display:inline-block;
  *display:inline;
  width:150px;
  height:41px;
  line-height:40px;
  color:#666666;
  background:#fff;
  font-size:18px;
  font-weight:300;
  text-align:center;}

.slide_btn a:hover {
  text-decoration:underline;}

.slider_footer .arrow_ico {
  display:block;
  width:38px;
  height:19px;
  background:transparent url(images/arrow_big.png) no-repeat;
  position:absolute;
  bottom:0;
  left:50%;
  margin-left:-19px;}

.header_slider .carousel-control {
  display:inline-block;
  *display:inline;
  background-image:url(images/icons/next_ico.png);
  background-repeat:no-repeat;
  background-position:center center;
  zoom:1;
  width:30px;
  height:30px;
  background-color:#666;
  border:0;
  border-radius:0;
  opacity:1;
  bottom:0;
  right:0;
  top:auto;
  border-left:1px solid #505050}

.header_slider .carousel-control.left {
  background-image:url(images/icons/prev_ico.png);
  background-repeat:no-repeat;
  background-position:center center;
  left:auto;
  right:31px;}

.header_slider .text-green {
  color: #99cc99 !important;}

.header_slider .slide1.invert .item_inner img {
  left:90px;}

.header_slider .slide1.invert .item_inner .description  {
  left:auto;
  right:135px;}

.header_slider .slide2 .item_inner .service-list.align_left {
  position:absolute;
  top:0;
  left:120px;}

.header_slider .slide3.invert .item_inner iframe {
  right: auto;
  top:110px;
  left:40px;}

.header_slider .slide3.invert .item_inner .description,
.header_slider .slide4.invert .item_inner .description {
  left:auto;
  right:20px;}

.header_slider .slide4.invert .item_inner .gallery_list {
  right:auto;
  left:25px;}

.header_slider .slide5.invert .item_inner .description {
  left:auto;
  right:10px;}

.header_slider .slide5.invert .item_inner ul.service-list{
  right:auto;left:35px;}



/*-----------------------------------*/
/* Middle content */
/*-----------------------------------*/
#middle {/*padding-bottom:60px;*/}
#middle .middle_row {margin-bottom:40px;}
#middle .middle_row.border_bottom .container{border-bottom:1px solid #bfdcbf;}
#middle.sidebar_right .content .post_details {padding-right:20px;border-right:1px solid #eaeaea;padding-bottom:20px;}
.reply {text-align:center;padding-top:10px;margin-bottom:60px;}
.reply h1 {font-weight:300;}

#middle.sidebar_left .content .post_details {padding-left:20px;border-left:1px solid #eaeaea;padding-bottom:20px;}
#middle.sidebar_left .content{
  float:right;}

.middle_btn {
  text-align:center;}

.support_box {
  background: #FBFBFB;
  border:1px solid #eee;
  text-align:center;
  padding:50px 0;
  margin-bottom:40px;}

.support_box h2 {
  display:inline-block;
  *display:inline;
  vertical-align:middle;
  zoom:1;
  font-weight:300;
  margin:0;
  margin-right:30px;}

.support_box h2 span {
  font-weight:400;}

.support_box a {
  display:inline-block;
  *display:inline;
  zoom:1;
  line-height:41px;
  min-width:150px;
  padding:0 15px;
  vertical-align:middle;
  color:#333;
  font-weight:300;
  font-size:18px;
  background:#fff;
  box-shadow:0 1px 3px rgba(0,0,0,.06);}

.support_box a:hover {color: #696;}
/*-----------------------------------*/
/* Footer */
/*-----------------------------------*/

footer {
  font-size:13px;
  color:#999;}

.footer_top {
  background:#333;
  padding:15px 0 0 0;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.footer_bottom {
  background:#242424;
  padding:0px 0;
  line-height:30px;
  color:#666;
  /*border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;*/
  }

.footer_bottom .copyright a{color:#999}
.footer_bottom .copyright a:hover {color:#99cc99;}
.footer_bottom .social {font-size:0; line-height:0;}
.footer_bottom .social a {
  display: inline-block;
  *display: inline;
  *zoom:1;
  padding:7px;
  background-color:#333;
  font-size:14px;
  margin:0 2px;
  text-align:center;
  line-height:30px;
  transition: background-color .6s;
  -webkit-transition: background-color .6s; /* Safari */
  -moz-transition: background-color .6s;}

.footer_bottom .social a .ico_social {
  background-image: url(images/icons/socials.png);
  background-repeat: no-repeat;
  display:block;
  width:17px;
  height:16px;
  margin:0;}

.footer_bottom .social a.tweet_ico .ico_social {
  background-position:1px 0 ;}
.footer_bottom .social a.fb_ico .ico_social {
  background-position: -34px 0;}
.footer_bottom .social a.google_ico .ico_social {
  background-position: -67px 0;}
.footer_bottom .social a.vimeo_ico .ico_social {
  background-position: -102px 0;}
.footer_bottom .social a.flickr_ico .ico_social {
  background-position: -135px 0;}
.footer_bottom .social a.linkedin_ico .ico_social {
  background-position: -170px 0;}
.footer_bottom .social a.drible_ico .ico_social {
  background-position: -203px 0;}
.footer_bottom .social a.pinterest_ico .ico_social {
  background-position: -237px 0;}
.footer_bottom .social a.behance_ico .ico_social {
  background-position: -272px 0;}

.footer_bottom .social a.tweet_ico:hover {
  background-color:#00ACEE;}
.footer_bottom .social a.fb_ico:hover {
  background-color:#3B5998;}
.footer_bottom .social a.google_ico:hover {
  background-color:#DD4B39;}
.footer_bottom .social a.vimeo_ico:hover {
  background-color:#17B3E8;}
.footer_bottom .social a.flickr_ico:hover {
  background-color:#FF0084;}
.footer_bottom .social a.linkedin_ico:hover {
  background-color:#007BB6;}
.footer_bottom .social a.drible_ico:hover{
  background-color:#E04B85;}
.footer_bottom .social a.pinterest_ico:hover {
  background-color:#CB2028;}
.footer_bottom .social a.behance_ico:hover{
  background-color:#2D9AD2;}


/* span */
footer .row {
    margin-left: -40px;
    *zoom: 1;}

footer [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 40px;}


footer .span1 { 
    width: 43px;}
footer .span2 { 
    width: 126px;}
footer .span3 { 
    width: 210px;}
footer .span4 { 
    width: 293px;}
footer .span5 { 
    width: 376px;}
footer .span6 { 
    width: 460px;}
footer .span7 { 
    width: 543px;}
footer .span8 { 
    width: 626px;}
footer .span9 { 
    width: 710px;}
footer .span10 { 
    width: 793px;}
footer .span11 { 
    width: 876px;}
footer .span12 { 
    width: 960px;}
/*===================================================*/
/* 3. EXTENDED TYPOGRAPHY and SHORTCODES
/*===================================================*/

/*-----------------------------------*/
/* Typographic Elements */
/*-----------------------------------*/
/* Framed boxes */
.frame_left, .frame_right, .frame_center, .frame_box {
  margin:0;
  display:inline-block;
  position:relative}

.frame_box {
  display:inline-block;
  margin-bottom:15px;
  max-width:100%}

.frame_box img {
  width:auto;
  max-width:100%;
  height:auto}

.frame_left {
  float:left;
  display:block;
  margin:5px 20px 5px 0}

.col_1_2 .frame_left {
  margin:5px 10px 5px 0}
  
.frame_right {
  float:right;
  display:block;
  margin:5px 0 5px 20px}

.frame_center {
  border:none;
  display:block;
  margin:0 auto 20px auto;
  text-align:center}

.frame_left img, .frame_right img, .frame_center img {
  border-bottom:1px solid #bbbbbb;
  padding:6px;
  background:#fff}

/* quote left/right */    
.quote_right, .quote_left, .quote_center, blockquote {
  float:right;
  font-size:14px;
  font-style:italic;
  color:#669966;
  width:37%;
  padding:3px 0 3px 30px;
  line-height:1.5em;
  font-weight:bold;
  border:0;}

blockquote p {
  font-weight:500;
  font-size:16px;}

.quote_left {
  float:left;
  padding:3px 30px 3px 0}

.quote_center, blockquote {
  float:none;
  display:block;
  width:100%;
  margin:20px auto;
  padding:0}

.frame_quote {
  background:#f2f2f2;
  margin:5px 0 20px;
  border:1px solid #e6e6e6;
  padding:15px 20px;
  border-radius:3px;
  -webkit-border-radius:3px}

.frame_quote blockquote {
  margin:0;
  line-height:1.5em}

.frame_quote blockquote .inner {
  padding:2px 15px;
  font-size:15px;
  font-weight:500;}

.frame_quote blockquote {
  color:#669966;
  font-style:italic;
  font-weight:normal}

.code {
  background:#fff;
  width:100%}

/*-----------------------------------*/
/* Text Highlights */
/*-----------------------------------*/
.highlight_yellow {
  background:#f2d220;
  color:#fff}

.highlight_brown {
  background:#7b5635;
  color:#fff}

.highlight_blue {
  background:#3e6ace;
  color:#fff}

.highlight_black {
  background:#262626;
  color:#fff}

.highlight_purple {
  background:#8235ca;
  color:#fff}


/*title*/
.title , .widget_title {position:relative;display:block;border-bottom:1px solid #bfdcbf;margin-bottom:20px;}

.widget_title {
  margin-bottom:0;}

.title h2 ,
.widget_title h3 {
  margin:0;
  font-size:20px;
  text-transform: uppercase;
  border-bottom:4px solid #bfdcbf;
  display:inline-block;
  font-weight:bold;
  line-height:20px;
  zoom:1;
  padding-bottom:15px;}

/*framed tabs*/

.entry ul.nav-tabs {
  margin-left:0;}

.nav-tabs > li > a {
  font-size:16px;
  padding-top:3px;
  padding-bottom:17px;
  text-transform: uppercase;
  color:#bfdcbf;
  font-weight:bold;}

.nav-tabs > .active > a, 
.nav-tabs > .active > a:hover, 
.nav-tabs > .active > a:focus {
  color:#333;
  border:0;}

.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
  border-color: transparent;}

.nav-tabs > li {border-bottom:3px solid transparent;}
.nav-tabs > li.active {border-bottom:4px solid #bfdcbf;}

.tf_sidebar_tabs  .nav-tabs > li.active > a {border-bottom:4px solid #bfdcbf;}

.tf_sidebar_tabs  .nav-tabs > li.active ,
.tf_sidebar_tabs  .nav-tabs > li {border:0;}
.nav > li > a:hover, 
.nav > li > a:focus {
  text-decoration: none;
  background-color: transparent;}

.tf_sidebar_tabs  .nav-tabs > li > a {
  padding-left:0;
  padding-right:0;}

.tf_sidebar_tabs  .nav-tabs > li {
  padding:0 12px;}

.tf_sidebar_tabs  .nav-tabs > li:first-child {
  padding-left:0;}

.nav-tabs {border-bottom: 1px solid #bfdcbf;}

.tf_sidebar_tabs {margin-bottom:30px;}

.small_tabs .nav-tabs > li > a {
  font-size:14px;
  padding-top:8px;
  padding-bottom:8px;
  border:0;
  text-transform: uppercase;
  font-weight:bold;}

.small_tabs .nav-tabs > li {margin:0;border-bottom:0; border-top:1px solid #f2f2f2;border-right:1px solid #f2f2f2;background:#fff;}
.small_tabs .nav-tabs > li:first-child {border-left:1px solid #f2f2f2;}
.small_tabs .nav-tabs > li.active {margin-bottom:-1px;border-top:2px solid #bfdcbf;border-right:1px solid #f2f2f2;background:#fff;}
.small_tabs .nav-tabs {border-bottom:0;margin:0;}
.small_tabs .tab-content {border:1px solid #f2f2f2}
.small_tabs .tab-pane {padding:15px;}
/*info item*/
.info_item {
  display:block;
  margin-bottom:30px;
}

.info_item h2 {
  font-size:30px;
  font-weight:600;
  margin-top:0;
  margin-bottom:35px;}

.info_item p {display:block;margin-bottom:40px;}

/* minigallery_carousel */
.minigallery_carousel {
  position:relative;
  clear:both;
  margin:10px 0 30px 0;
  background:#fff;
  padding:20px 0}

.entry .minigallery_carousel ul {
  margin:0;
  padding:0}

.minigallery_carousel li {
  display:block;
  float:left; 
  width:100px;
  height:100px;
  margin:0 8px;
  position:relative;
  text-align:center}

.entry .minigallery_carousel li {
  margin-bottom:0}

.minigallery_carousel li img {
  width:92px;
  height:92px;
  border:4px solid #d9d9d9}

.minigallery_carousel .prev, 
.minigallery_carousel .next {
  display:block;
  width:20px;
  height:100px;
  overflow:hidden;
  text-indent:-300px;
  position:absolute;
  top:20px;
  background:#f9f9f9 url(images/carousel_arrow.png) 2px center no-repeat} 

.minigallery_carousel .prev:hover, 
.minigallery_carousel .next:hover {
  background-color:#bfdcbf;}

.minigallery_carousel .prev {
  left:0px}

.minigallery_carousel .next {
  right:0px;
  background-position:-31px center}

.minigallery_carousel .prev:active, 
.minigallery_carousel .next:active {
  top:21px;}

.minigallery_carousel li:hover a img {
  border-color:#669966}

/*toogle*/
.accordion {
  position:relative;
  margin-bottom:20px;}

.accordion-group {
  margin:0;
  border-radius:0;
  border-color: #F2F2F2;
  border-top:0;}

.accordion-group:first-child {
  border-top:1px solid #f2f2f2;}

.accordion-heading .accordion-toggle {
  padding:0;}

.accordion-heading span {
  display:inline-block;
  *display:inline;
  zoom:1;
  vertical-align:middle;}

.accordion-toggle.collapsed .toogle_ico {
  background:transparent url(images/icons/toogle_icons.png) no-repeat center -44px;}

.accordion-inner {
  border-color:#f2f2f2;
  padding:30px 85px;
  font-style:italic;}

.toogle_ico {
  background:transparent url(images/icons/toogle_icons.png) no-repeat center -44px;
  display:inline-block;
  *display:inline;
  zoom:1;
  width:47px;
  height:47px;
  border-right:1px solid #f2f2f2}

.accordion-toggle {
  position:relative;}

.accordion-toggle .guest-name {
  font-weight:bold;
  color:#333;
  margin: 0 30px;}

.accordion-toggle .guest-post {
  position:absolute;
  left:300px;
  top:13px;
  font-weight:300;
  color: #696;}

/*-----------------------------------*/
/* Custom Lists Styles */
/*-----------------------------------*/

.entry ul, .entry ol {
  padding: 0;
  margin: 0 0 10px 20px;}

.entry .list_check li,
.entry .list_delete li,
.entry .list_dots li, 
.entry .list_plus li{
  list-style:none;
  margin:0;
  line-height:23px;
  padding:0 0 0 20px}

.entry .list_check li { 
  background:url(images/icons/icon_check2.png) 0 7px no-repeat}

.entry .list_delete li {
  background:url(images/icons/icon_x2.png) 0 7px no-repeat}

.entry .list_plus li {
  background:url(images/icons/plus_ico.png) 0 7px no-repeat}

.entry .list_dots li,
.entry .list_square li {
  list-style: disc;
  padding:0;}
  
.entry .list_square li {
  list-style:square}

.entry .list_check ul,
.entry .list_delete ul,
.entry .list_plus ul {
  margin:0;
}

/*-----------------------------------*/
/* Styled Tables and Boxes */
/*-----------------------------------*/
.styled_table table,
.sb {
  border-collapse: collapse;
  margin:10px 0 20px;
  text-shadow:none;
  color:#404040}

.styled_table table {
  width:100%;
  border-collapse:separate;
  padding-bottom:1px}

.styled_table table,
.sb {
  border: 1px solid #ff6666}

.styled_table.shadow table,
.sb_shadow  {
  box-shadow: 0 1px 2px 1px rgba(0,0,0,0.2); 
    -webkit-box-shadow: 0 1px 2px 1px rgba(0,0,0,0.2)}
    
.styled_table table tr th,
.sb .box_title  {
  background:#ff6666;
  color:#fff;
  font-size:13px;
  font-weight:normal;
  text-transform:uppercase;}
    
.styled_table table tr th, 
.styled_table table tr td {
  border-top:1px solid #e6e6e6;
  padding:5px 15px;
  text-align:left}

.styled_table table tbody td {
  background:#f1f1f1;
  padding:5px 15px;
  font-size:13px;
  font-weight:500}

.styled_table table tbody tr.odd td {
  background:#f8f8f8}
    
.styled_table table tr:first-child th{
  border-top: 0}

.table_yellow table,
.sb_yellow {
  border:1px solid #ffcc66}
.table_yellow table tr th,
.sb_yellow .box_title {
  background:#ffcc66;
  color:#fff}

.table_blue table,
.sb_blue {
  border:1px solid #66ccff}
.table_blue table tr th,
.sb_blue .box_title {
  background:#66ccff;}

.table_green table,
.sb_green {
  border:1px solid #99cc99}
.table_green table tr th,
.sb_green .box_title {
  background:#99cc99;}
  
.table_dark table,
.sb_dark  {
  border:1px solid #262626}
.table_dark table tr th,
.sb_dark .box_title {
  background:#262626;}

.table_orange table,
.sb_orange {
  border:1px solid #f25720}
.table_orange table tr th,
.sb_orange .box_title {
  background:#f25720;}

.table_pink table,
.sb_pink {
  border:1px solid #ff6666}
.table_pink table tr th,
.sb_pink .box_title {
  background:#ff6666;}
  
.table_purple table,
.sb_purple {
  border:1px solid #8235ca}
.table_purple table tr th,
.sb_purple .box_title {
  background:#8235ca;}

.table_red table,
.sb_red {
  border:1px solid #c42119}
.table_red table tr th,
.sb_red .box_title {
  background:#c42119;}

.table_turquoise table,
.sb_turquoise {
  border:1px solid #35ca94}
.table_turquoise table tr th,
.sb_turquoise .box_title {
  background:#35ca94;}

.table_brown table,
.sb_brown {
  border:1px solid #7b5635}
.table_brown table tr th,
.sb_brown .box_title {
  background:#7b5635;}

.table_violet table,
.sb_violet {
  border:1px solid #c135ca}
.table_violet table tr th,
.sb_violet .box_title {
  background:#c135ca;}

.table_cyan table,
.sb_cyan {
  border:1px solid #20c3f2}
.table_cyan table tr th,
.sb_cyan .box_title {
  background:#20c3f2;}

/* Styled Boxes */
.sb .box_title {
  padding:5px 15px}

.sb.notitle .box_title {
  display:none}

.sb .box_content {
  padding:15px;
  background:#fff;
  color:#595959;
  margin:1px;
  border-radius:0 0 4px 4px;
  -webkit-border-radius:0 0 4px 4px}

/*-----------------------------------*/
/* Table Pricing */
/*-----------------------------------*/ 

.pricing_box ul {
  position:relative;
  margin:0;
  list-style:none;
  padding:0;}

.pricing_box ul li.price_col {
  float:left;
  margin-left:20px;
  margin-bottom:20px;
  width:223px;
  text-align:center;
  border-width:1px;
  border-style:solid;}

.pricing_box ul li.price_col:first-child {
  margin:0;}           

.pricing_box ul li.price_col.bg_pink , 
.pricing_box ul li.price_col.bg_pink * {
  border-color:#f35b5b;}

.pricing_box ul li.price_col.bg_yellow,
.pricing_box ul li.price_col.bg_yellow * {
  border-color:#f9c762;}

.pricing_box ul li.price_col.bg_green,
.pricing_box ul li.price_col.bg_green * {
  border-color:#8dc18d;}

.pricing_box ul li.price_col.bg_blue , 
.pricing_box ul li.price_col.bg_blue * {
  border-color:#60c5f7;}

.pricing_box .price_col_head h3 {
  color:#fff;
  display:block;
  text-transform: uppercase;
  font-weight: bold;
  margin:0;
  padding:20px 0;
  border-bottom:1px solid}

.pricing_box .price_col_head .price {
  display:block;
  padding:20px 0;
  font-size:40px;
  font-weight:300;
  color:#fff;
  border-bottom:1px solid}

.pricing_box .price_col_head .price em {
  font-style:normal;
  font-size:18px;
  margin-right:2px;}

.pricing_box .os {
  padding:5px 0;
  font-size:12px;
  color:#333;
  font-weight:600;
  border-bottom:1px solid}

.pricing_box .os .linux {
  background:transparent url(images/icons/penguin_ico.png) no-repeat center right;
  padding:15px 35px 15px 0;
  margin-right:10px;}

.pricing_box .os .windows {
  background:transparent url(images/icons/windows_ico.png) no-repeat center left;
  padding:15px 0 15px 30px;
  margin-left :10px;}

.pricing_box .os span {
  display:inline-block;
  *display:inline;
  zoom:1;}

.pricing_box .price_col_body {
  color:#333;
  font-weight:600;}

.pricing_box .price_col_body ul li {
  padding:20px 0;
  border-bottom:1px solid}

.pricing_box .price_col_body li strong {
  color:#fff;
  text-transform: uppercase;
  font-weight:600;}

.pricing_box .price_col_body li strong.infinity,
span.infinity {
  font-size:23px;
  line-height:0;
  position:relative;
  font-weight:400;
  top:4px;}

.pricing_box .price_col_foot {
  padding:10px 0;}

.pricing_box .price_col_foot a span {
  min-width:125px}

span.note {
  display:block;
  margin-bottom:30px;
  color:#999;}
  
/* Filter Menu
===================================*/

ul.filter_menu {
  position:relative;
  display:block;
  margin:0;
  padding:0;
  border-bottom:1px solid #bfdcbf;
  margin-bottom:30px;
  text-align:center;
  list-style:none;}

ul.filter_menu li {
  display:inline-table;
  *display:inline;
  zoom:1;
  margin:0 15px;}

ul.filter_menu li a {
  padding-bottom:20px;
  display:block;
  text-transform: uppercase;
  font-weight:bold;
  color:#bfdcbf;
  border-bottom:3px solid transparent;}

ul.filter_menu li a:hover ,
ul.filter_menu li.current-menu-item a{
  color:#333;
  border-color:#bfdcbf;}

/*-----------------------------------*/
/* Middle Slider */
/*-----------------------------------*/

.middle_slider {
  position:relative;
  width:100%;
  height:593px;
  margin-bottom:60px;
  background:transparent url(images/bg/slider_bg.jpg) no-repeat ;}

.middle_slider .notebook {
  position:relative;
  padding:22px 108px 55px 119px;
  background:transparent url(images/mac.png) no-repeat;
  height:313px;
  width:505px;
  margin-top:113px;
  margin-left:50px;}

#notebook_carousel img {margin:0 !important;border-radius:2px;}

.notebook_nav a {
  display:inline-block;
  *display:inline;
  zoom:1;
  width:24px;
  height:24px;
  position:absolute;
  left:62px;
  top:-12px;
  margin-top:25%;
  background:transparent url(images/slider_nav.png) no-repeat 0 0;}

.notebook_nav a.next {
  left:auto;
  right:52px;
  background-position:-26px 0;}

.middle_slider_txt {
  position:absolute;
  top:103px;
  right:225px;
  width:310px;}

.middle_slider_txt h2 {
  font-size:48px;
  font-weight:300;
  color:#fff;
  line-height:42px;
  margin-bottom:25px;}

/*===================================================*/
/* 4. EXTENDED ELEMENTS */
/*===================================================*/

/* Carousel Nav
===================================*/

.carousel {
  position:relative;
  width:100%;
  margin-bottom:5px;}

.carousel_nav {
  position:absolute;
  top:-50px;
  right:0;
  font-size:0; 
  line-height:0;}

.carousel_nav a {
  display:inline-block;
  font-size:14px;
  *display:inline;
  zoom:1;
  width:30px;
  height:30px;
  line-height:30px;
  background-color:#bfdcbf;
  background-position:center center;
  background-repeat:no-repeat;
  border-left:1px solid #b1ceb1;
  text-align:center;
  color:#fff;}

.carousel_nav a:first-child {border:none;}

.carousel_nav a.prev {background-image:url(images/icons/prev_ico.png);}
.carousel_nav a.link_all {background-image:url(images/icons/all_ico.png);}
.carousel_nav a.next {background-image:url(images/icons/next_ico.png);}

/* Service Carousel , Portfolio Carousel
==========================================*/

.services_carousel,
.portfolio_carousel {
  position:relative;
  padding:0;}

.services_carousel .services_carousel_inner,
.portfolio_carousel .portfolio_carousel_inner {overflow:hidden;}

.services_carousel .service_item,
.portfolio_carousel .portfolio_item {
  text-align:center;
  width:225px;
  float:left;
  margin-left:20px;}

.services_carousel .service_item .service_img {margin:40px 0;}
.services_carousel .service_item .service_title {
  background:#333;
  text-align:left;
  line-height:40px;}

.services_carousel .service_item .service_title h5 {
  color:#fff;
  font-weight:bold;
  padding:0 20px;
  margin:0;
  line-height:inherit;}

.services_carousel .service_item.rounded_corners {width:auto;margin:0 30px 20px}

.services_carousel .service_item.rounded_corners .service_img {
  width:172px;
  height:172px;
  border-radius:50%;
  line-height:172px;
  margin-bottom:10px;}

.services_carousel .service_item.rounded_corners .service_title {
  background:transparent;
  text-align:left;
  line-height:normal;}

.services_carousel .service_item.rounded_corners .service_title h5 {
  color:#666;
  font-weight:bold;
  display:block;
  text-align:center;
  padding:0;
  margin:0;
  line-height:normal;}

/* Portfolio Carousel
===================================*/

.portfolio_carousel .portfolio_item {
  text-align:left;}

.portfolio_carousel .portfolio_title h5{
  color:#666;
  font-weight:bold;}

/* meta info */

.meta_info ,
.portfolio_meta_bott {
  background:#333;
  color:#999;
  line-height:40px;
  margin-bottom:5px;}

.meta_info span {
  font-size: 12px;
  padding-left: 16px;
  margin-left: 13px;
  height:40px;
  line-height:40px;
  float: left;
  background: transparent url(images/icons/portfolio_ico.png) no-repeat 0 -97px;}

.meta_info span.meta_author{background-position:0 13px;}


.meta_info a.link_more {
  display:block;
  float:right;
  zoom:1;
  width:41px;
  height:41px;
  line-height:normal;
  background-color:#454545;
  background-image:url(images/icons/link.png);
  background-position:center center;
  background-repeat:no-repeat;}

.meta_info a.link_more:hover {background-color:#669966;}

/* Testimonials Carousel
===================================*/

.testimonials_carousel {
  position:relative;
  margin-bottom:20px;}

.testimonials_carousel .testimonials_item {
  text-align:center;
  margin-bottom:20px;}

.testimonials_carousel .testimonials_item h3 {
  color:#669966;
  margin-top:20px;
  margin-bottom:5px;
  font-weight:600;}

.testimonials_carousel .testimonials_item p {
  color: #e6353d;
  font-size:32px;
  font-weight:bolder;
  /*font-family: caption;*/
  padding:0 25px;
  line-height:28px;
  
 }

.testimonials_list.columns .testimonials_item:first-child {
  margin-left:0;}

.testimonials_list.columns .testimonials_item {
  position:relative;
  margin-left:20px;
  float:left;
  width:218px;
  border:1px solid #f2f2f2;
  text-align:center;}

.testimonials_list.columns .testimonials_item .testimonials_inner {
  padding:0 25px 50px;}

.testimonials_list.columns .testimonials_item .testimonials_meta span {
  display:block;}

.testimonials_meta span.name {
  color:#333;}

.testimonials_meta span.post {
  font-size:12px;
  color:#669966;
  font-style:italic;}

.testimonials_list.columns .testimonials_item .testimonials_ava {
  margin:0; 
  margin-top:-40px;
  margin-bottom:5px;}

.testimonials_list.columns .testimonials_item .testimonials_ava img {
  width:63px;
  height:62px;
  border-radius:50%;
  padding:6px;
  border:1px solid #f2f2f2;
  background:#fff;}

.testimonials_list.columns .testimonials_item .testimonials_meta {
  margin-bottom:25px;}

.testimonials_list.columns .testimonials_item .testmonials_entry {
  background:transparent url(images/quote.png) no-repeat center top;
  padding-top:25px;
}

/* Testimonials list
===================================*/

h2.testimonial_title {
  font-size:20px;
  margin-top:30px;
  margin-bottom:50px;
  display:block;
  text-align:center;
  text-transform: uppercase;
  font-weight: bold;}

.testimonials_list .testimonials_item p {
  font-style:italic;
  color:#666;}

.testimonials_list .testimonials_item .testimonials_ava,
.testimonials_list .testimonials_item .testimonials_entry {
  display:inline-block;
  *display:inline;
  zoom:1;
  vertical-align:middle;}

.testimonials_list .testimonials_item {
  text-align:left;
  margin-bottom:50px;}

.testimonials_list .testimonials_item .testimonials_ava {
  width:89px;
  height:89px;
  margin-right:20px;
  margin-bottom:10px;}

.testimonials_list .testimonials_item .testimonials_entry {
  text-align:left;
  width:357px;
  padding-top:20px;}

.testimonials_item .testimonials_entry .author {
  font-style:italic;
  color:#333;}
.testimonials_list .reply {display:block;text-align:center;color:#669966; margin-bottom:70px;}
.testimonials_list .reply a {color:#333;}

/* pregress Bar
===================================*/
.progressbar-list {position:relative;display:block; margin-bottom:40px;}
.progress_title {font-style:italic; font-size:13px;color:#333;display:block; margin-bottom:3px;}
.progress_bar {position:relative;background:#bfdcbf;width:100%;margin-bottom:5px;}
.progress_bar .bar {background:#669966; line-height:26px;}
.progress_bar .bar span {color:#fff;padding-left:10px;font-size:13px;}

/* technologies */

.technologies ul{
  position:relative;
  text-align:center;
  list-style:none;
  margin:0;padding:0;
  font-size:0;
  line-height:0;
  margin:20px 0;
  width:100%;}

.technologies ul > li {
  display:inline-block;
  *display:inline;
  zoom:1;
  text-align:center;
  background:#fbfbfb;
  line-height:140px;
  width:24.6%;
  margin:0;padding:0;
  border-top:1px solid #eeeeee;
  border-bottom:1px solid #eeeeee;
  border-right:1px solid #eeeeee;}

.technologies ul li:first-child {
  border-left:1px solid #eeeeee;}

.technologies h4 {
  text-transform: uppercase;
  color:#bfdcbf;
  font-weight:bold;}

/* Contact Form
===================================*/
.contact_form {
  position:relative;
  margin-bottom:40px;}

.contact_form .field_text ,
.contact_form .field_select {
  margin-right:20px;}

input.inputField,
input.inputField:focus,
textarea.textareaField,
textarea.textareaField:focus {
  width:195px;
  border:0;
  border-radius:8px;
  box-shadow:none;
  background:#bfdcbf ;
  height:33px;
  font-family:"Open Sans" , sans-serif;
  font-size:13px;
  color:#7d7f80;
  font-weight:600;
  padding:4px 15px;
  transition: background .3s ease;}

input.inputField:focus ,
textarea.textareaField:focus {
  background:#bfdcbf;
  color:#fff}

textarea.textareaField,
textarea.textareaField:focus {
  width:449px;
  min-width:449px;
  max-width:550px;
  padding:10px;
  min-height:150px;
  margin-bottom:30px;}

.label_title {
  font-weight:bold;
  color:#666;}

/* Comment Form
===================================*/

.add-comment {
  position:relative;
  margin:0;
  padding:0;}

.add-comment-title {
  padding-bottom:35px;
  margin-bottom:40px;
  background:transparent url(images/post_line.png) repeat-x left bottom;}

.add-comment-title h4{
  font-weight:bold;
  text-transform: uppercase;
  margin:0;}

.add-comment .field_text {
  margin-right:20px;}

.add-comment .field_text .inputtext ,
.add-comment .field_textarea .textarea{
  border-radius:0;
  border:1px solid #e6e6e6;
  box-shadow:none;
  padding:10px;
  font-family:"Open Sans" , sans-serif;}

.add-comment .field_text .inputtext {
  width:274px;
  height:18px;}

.content.span12 .add-comment .field_text .inputtext {
  width:437px;
  height:18px;}

.add-comment .field_textarea .textarea {
  width:590px;
  margin-bottom:35px;}

.content.span12 .add-comment .field_textarea .textarea {
  width:917px;
}

/* Comment List
===================================*/

.comment_list {
  position:relative;
  padding:0 0 10px 0;
  margin-top:90px}

.comment_list h4 {
  margin:0;
  text-transform:uppercase;
  font-weight:bold;
  display:block;
  border-bottom:1px solid #e6e6e6;
  padding-bottom:15px;}

.comment_list ol, .comment_list ul {
  margin:0;
  padding:0}

.comment_list ol {
  margin-bottom:20px;
  padding-bottom:10px}

.comment_list ol li:first-child {
  border:none}
  
.comment_list ul li,
.comment_list ol li,
.comment_list ol li ul li:first-child {
  margin:10px 0 0 0;
  list-style:none}
    
.comment {
  clear:both;
  display:block;
  min-height:25px;
  padding:0;
  color:#4f5e62}
  
.comment_body {
  background:#fff;
  font-size:14px;
  padding-bottom:40px;
  padding-top:20px;
  border-bottom:1px solid #e6e6e6;}
  
.comment_avatar {
  width:50px;
  float:left;
  margin-right:20px}

.comment_avatar .avatar img {
  width:50px;
  height:50px;}

.comment_list li li .comment-avatar {
  width:50px}

.comment_list li li .comment-avatar .avatar img {
  width:50px;
  height:50px}

.comment_text {
  float:left;
  width:542px;
  position:relative;
  font-size:13px;
  text-align:right;}
  
.link-author {
  padding-bottom:5px;
  text-align:left;
  float:left;
  font-weight:bold;
  float:left;
  color:#333;
  font-size:14px;}

.link-author:hover,
.link_reply:hover {
  color:#669966;}

.comment-date {
  color:#b0b7bc;
  font-size:12px;}

.link-reply {
  color:#333;}

.comment_entry {  
  line-height:1.5em;
  text-align:left;
  font-size:14px;}

.children li {
  padding-left:50px}

.children .comment_text {
  width:492px}

.children .children .comment_text {
  width:442px}
.content.span12 .comment_text {
  width:869px}

.content.span12 .children .comment_text {
  width:819px}

.content.span12 .children .children .comment_text {
  width:769px;}

.link_back {
  display:inline-block;
  *display:inline;
  zoom:1;
  font-size:13px;
  color:#666;
  margin-top:15px;}

.link_back .icon_back {
  display:inline-block;
  *display:inline;
  zoom:1;
  width:24px;
  height:24px;
  background:#fff url(images/icons/windows_small_ico.png) no-repeat center center;
  border:1px solid #bfdcbf;
  border-radius:50%;
  vertical-align:middle;
  margin-right:10px;
}
/*===================================================*/
/* 5. WIDGETS STYLES */
/*===================================================*/

footer h4.widget_title , footer .widget_title {
  text-transform: uppercase;
  color:#cccccc;
  border:0;
  font-weight:bold;
  margin-top:0;
  margin-bottom:20px;}

.article_title {
  color:#999;
  font-weight:600;
  margin-bottom:5px;}

footer .tweet_item {margin-bottom:20px;}
footer .tweet_item a {color:#99cc99}
footer .tweet_item p {margin-bottom:5px;}

footer .newsletterBox form {padding:20px 0;}
footer .newsletterBox .inputField , footer .newsletterBox .inputField:focus {float:left;width:217px;background:#242424;border:0; border-radius:0; height:33px;box-shadow:none;color:#666666;font-family:"Open Sans", sans-serif; font-size:13px;}
footer .newsletterBox .btn_submit {float:left;background:#669966;color:#fff;border:0;font-family:"Open Sans", sans-serif; font-size:13px;text-align:center;width:46px;height:41px;line-height:41px;display:block;}


.sidebar .widget_search input.input_text {
  float:left;
  font-family:"Open Sans" , sans-serif; 
  border:1px solid #e7e7e7;
  background:#333; 
  border-radius:0;
  padding:5px 41px 5px 12px;
  width:247px;
  box-shadow:none;
  font-size:12px;
  color:#fff;
  height:27px;
  margin:0;}

.sidebar .widget_search input.input_text.white {
  background: #FFF;
  color:#ccc;
}

.sidebar .widget_search input.btn_send {
  display:block;
  float:left;
  overflow:hidden;
  background:transparent url(images/btn_search_green.png);
  width:33px;
  height:31px;
  border:none;
  margin-left:-37px;
  margin-top:4px;}

.widget_container{
  position:relative;
  margin-bottom:50px;}

.widget_container.widget_search {
  margin-bottom:30px;}

/* .widget_title {
  position:relative;
  border-bottom:1px solid #bfdcbf;}

.widget_title h3 {
  margin:0;
  font-weight:bold;
  text-transform: uppercase;
  border-bottom:3px solid #bfdcbf;
  display:table;
  *display:inline;
  font-size:20px;
  padding-bottom:10px;}
 */
/* widget_nav_menu  */
.widget_nav_menu ul,
.widget_categories ul,
.widget_archive ul,
.widget_links ul,
.widget_meta ul,
.widget_pages ul {
  padding:0 !important;
  margin:0;
  list-style:none;}
  
.widget_nav_menu li,
.widget_categories li,
.widget_links li,
.widget_meta li,
.widget_pages li,
.widget_archive li,
.widget_popular li  {
  position:relative;
  border-bottom:1px solid #bfdcbf}
  
.widget_categories li {
  border-color: #EAEAEA;}

.widget_categories li:last-child {
  border-bottom:0;}

.widget_nav_menu li a,
.widget_categories li a,
.widget_links li a,
.widget_meta li a,
.widget_pages li a,
.widget_archive li a,
.widget_popular li a {
  font-weight:bold;
  display:block;
  padding:10px 0;
  color:#666;
  position:relative;}

.widget_nav_menu li a:hover,
.widget_categories li a:hover,
.widget_links li a:hover,
.widget_meta li a:hover,
.widget_pages li a:hover,
.widget_archive li a:hover,
.widget_popular li a:hover,
.widget_container li.current-menu-item a {
  color:#669966;}



.widget_categories li a span {}

.widget_categories li a em {
  position:absolute;
  right:0;
  top:7px;
  height:24px;
  width:24px;
  line-height:24px;
  font-weight:normal;
  border-radius:50%;
  display:block;
  font-style:normal;
  color:#bfdcbf;
  text-align:center;
  border:1px solid #bfdcbf}

.widget_categories li a:hover em {
  background:#bfdcbf;
  color:#fff;}

/* Popular/Recent Posts widget */
.widget_recent_posts ul, 
.widget_popular_posts ul {
  margin:0;
  padding:0}

.widget_recent_posts ul li,
.widget_popular_posts ul li {
  list-style:none;
  clear:both;
  margin:15px 0 30px;}

.widget_recent_posts a,
.widget_popular_posts a {
  color:#666;
  font-style:normal;
  font-weight:bold;
  text-decoration:none}

.widget_recent_posts a:hover,
.widget_popular_posts a:hover {
  color:#669966;}

.widget_recent_posts ul li img,
.widget_popular_posts ul li img {
  width:68px;
  height:69px;
  float:left;
  margin:0 20px 0 0;
  border:none !important}

.widget_recent_posts .date,
.widget_popular_posts .date {
  color:#999;
  padding-top:3px;
  font-size:13px;
  font-style:italic;
  line-height:12px}

/* widget tag cloud */  
.widget_tag_cloud .tagcloud {
  margin-top:25px;
  position:relative;}
  
.widget_tag_cloud .tagcloud a {
  background:#fff;
  display:inline-block;
  font-size:13px;
  color:#666;
  margin-right:10px;
  margin-bottom:10px;
  border:1px solid #bfdcbf;}

.widget_tag_cloud .tagcloud a span {
  border-right:4px solid #bfdcbf;
  margin-right:-4px;
  display:block;
  line-height:38px;
  height:38px;
  padding:0 14px 0 29px;
  background:transparent url(images/circle.png) no-repeat 10px center;}

.widget_tag_cloud .tagcloud a:hover {color:#669966;}

/* Advertising */
.advertising_list {
  position:relative;
  padding-top:30px;}

.advertising_list a {
  display:inline-block;
  *display:inline;
  zoom:1;
  margin-right:20px;
  margin-bottom:20px;}

.widget_contacts .contact ,
.widget_contacts .company_adress,
.socialize,
.support {
  position:relative;
  padding-top:35px;
  margin-bottom:10px;
  padding-left:53px;}

.widget_contacts .contact span,
.widget_contacts .company_adress span ,
.support span ,
.socialize span{
  font-weight:bold;
  margin-bottom:5px;
  display:block;}

.widget_contacts .contact p,
.widget_contacts .company_adress p {
  margin:0;}

.widget_contacts a ,
.socialize a,
.support a {
  color:#669966}

.widget_contacts a:hover ,
.socialize a:hover,
.support a:hover {
  color:#508050;
}

.widget_contacts .ico,
.socialize .ico ,
.support .ico {
  display:block;
  width:41px;
  height:41px;
  line-height:41px;
  text-align:center;
  border-radius:50%;
  position:absolute;
  top:25px;
  left:0;
  background:#669966 no-repeat center center;}

.widget_contacts .adress_ico {
  background-image: url(images/icons/adress_ico.png);}

.widget_contacts .contact_ico {
  background-image: url(images/icons/phone_ico.png);}

.support .support_ico {
  background-image: url(images/icons/support_ico.png);}

.socialize .socialize_ico {
  background-image: url(images/icons/socialize_ico.png);}
/*===================================================*/
/* 6. POSTS */
/*===================================================*/


/*item post*/
.item_post .link_read{background: #f80203;
  color: #fff;
  padding: 5px 15px 5px 15px;
  border-radius: 21px;

}
.form-sapr  input[type="submit"].btn{
  background: #f80102;
  padding: 15px;
}

.item_post {position:relative;margin-bottom:20px;}
.item_post .item_meta.alignleft {margin-right:25px;margin-bottom:10px;}
.item_post .item_meta.alignright {margin-left:25px;margin-bottom:10px;}
.item_post .item_entry h3.item_title {margin-top:0;}
.item_post .item_entry h3.item_title a {color:#333;font-weight:600;}
.item_post .item_entry h3.item_title a:hover {color:#669966}
.item_post .item_entry {border-bottom:1px solid #bfdcbf;float:left;width:210px;margin-bottom:20px;}
.member_team .link_read{color:#333; font-style:italic; font-size:13px;}
.item_post .item_entry .link_read{}
/* Team description */
.team_members {position:relative;}
.team_members .member_team {width:460px;margin:0;}
.team_members .team_carousel_nav {position:absolute; line-height:0; font-size:0; bottom:0; left:150px;}
.team_members .team_carousel_nav a , 
.post_gallery .meta_info a.next, 
.post_gallery .meta_info a.prev  {
  display:inline-block;
  *display:inline;
  zoom:1;
  line-height:normal;
  font-size:14px;
  border-left:1px solid #666;
  background-position:center center;
  background-repeat:no-repeat;
  height:40px;
  width:40px;}

.team_carousel_nav a.prev ,
.post_gallery .meta_info a.prev {background-image:url(images/icons/prev_ico.png);}
.team_carousel_nav a.next, 
.post_gallery .meta_info a.next {background-image:url(images/icons/next_ico.png);}
.member_team .member_info {margin-right:25px;}
.member_team .member_img {width:225px; height:202px;}
.member_team .member_meta {background:#333333;line-height:40px;}
.member_team .member_desc {border-bottom:1px solid #bfdcbf;float:left;width:210px;margin-bottom:3px;}
.member_team .member_meta .tweet_ico {margin-left:13px;color:#999; padding:5px 7px 5px 16px; font-size:13px; font-style:italic;background:transparent url(images/icons/tweet_ico_small.png) left center no-repeat;}
.member_team .member_desc .member_name {margin:0;font-weight:600;margin-bottom:3px;}
.member_team .member_desc .member_post {color:999;font-size:13px;display:block;margin-bottom:20px;}

.team_carousel {
  margin-bottom:30px;
}

/* posts */
.post_item {position:relative;padding-bottom:40px;background:transparent url(images/post_line.png) repeat-x left bottom;margin-bottom:50px;}
.post_item.no-bg {background:none;}
.post_detail.post_item {margin-bottom:0px;}
.post_item .post_title h2 ,.portfolio_item .portfolio_title h2 {font-weight:normal;background:transparent url(images/icons/photo_ico.png) no-repeat 0 7px; padding-left:40px;margin-bottom:25px;}
.post_item .post_title h2 a , .portfolio_item .portfolio_title h2 a {color:#333;}
.post_item .meta_info, .portfolio_item .meta_info {margin-bottom:25px;}
.post_item .post_title h2 a:hover , .portfolio_item .portfolio_title h2 a:hover  {color:#669966}
.post_item .post_desc , .portfolio_item .portfolio_desc{margin-left:40px;margin-bottom:30px;}
.post_item .post_img {position:relative;}
.post_item .post_img a{display:block;}
.post_item .post_img a .more_ico{transition:opacity .7s ease; position:absolute;top:-27px;left:-27px;display:block;margin-left:50%;margin-top:25%;height:54px;width:54px; opacity:0; background:transparent url(images/icons/more_ico.png) no-repeat 0 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);  }
.post_item .post_img a:hover .more_ico {opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);}
.post_item .post_meta_bott {margin-left:40px;margin-bottom:20px;}
.post_item .post_meta_bott a {color:#333;font-weight:300;margin-right:30px;}
.post_item .post_meta_bott a:hover {color:#669966}
.post_item .post_meta_bott .post_comments {color:#99cc99;margin-right:30px;}
.post_item.post_gallery .post_title h2 {background:transparent url(images/icons/img_ico.png) no-repeat 0 7px;}
.post_gallery.post_gallery .meta_info a.next, 
.post_gallery.post_gallery .meta_info a.prev {border:0;background-color:#444;height:41px;width:41px;border-left:1px solid #333;}
.post_gallery.post_gallery .meta_info a.next:hover, 
.post_gallery.post_gallery .meta_info a.prev:hover {background-color:#669966;}
.post_item.post_video .meta_info .link_more {background-image:url(images/icons/play_ico.png);}
.post_item.post_video .post_title h2 {background:transparent url(images/icons/video_ico.png) no-repeat 0 7px;}

/*service post video*/

.post_video .post_video_title h2{
  font-size:48px;
  line-height:40px;
  margin-top:0;
  margin-bottom:30px;
  color:#696;
  letter-spacing:-4px;}

.post_video .post_video_desc p {
  padding-left:8px;}

/*Portfolio posts*/

.portfolio_item .portfolio_title h2 {
  margin-bottom:15px;}

.portfolio_item .portfolio_desc {
  font-weight:300;}

.portfolio_item_small {
  position:relative;
  margin-bottom:20px;}

.portfolio_meta a.portfolio_title {
  color:#333;
  font-weight:600;
  font-size:13px;}

.portfolio_meta a.portfolio_title:hover {
  color:#669966;}

.portfolio_meta span {
  font-size:12px;
  display:block;
  padding-top:3px;
  color:#999;}

.portfolio_meta span a {
  color:#669966;}

.portfolio_item_small .portfolio_meta {
  padding:25px 18px 20px;
  border-left:1px solid #bfdcbf;
  border-right:1px solid #bfdcbf;
  box-shadow:0 0 5px rgba(0,0,0,.06)}

.portfolio_meta_bott .meta_like ,
.meta_info .meta_like {
  background: transparent url(images/icons/like_ico.png) no-repeat center left;
  padding-left: 20px;}

.portfolio_meta_bott .meta_views ,
.meta_info .meta_views {
  background: transparent url(images/icons/views_ico.png) no-repeat center left;
  padding-left: 20px;}

.meta_info .meta_views ,
.meta_info .meta_like {
  opacity:.4;
  color:#fff;}

.portfolio_meta_bott span {
  color:#fff;
  font-weight:600;
  font-size:12px;
  margin-left:15px;}

.portfolio_list.border_bottom {
  background:transparent url(images/post_line.png) repeat-x left bottom;
  padding-bottom:20px;}

.portfolio_list {
  margin-bottom:20px;}

.pf_col_3 .portfolio_item_small .portfolio_meta {
  line-height: 13px;
  padding:15px 18px 10px;}

.pf_col_3 .portfolio_item_small .portfolio_meta a.portfolio_title {
  display:block;
  margin-bottom:20px;}

/*-----------------------------------*/
/* Pagination and Navigation */
/*-----------------------------------*/

.tf_pagination {
  position:relative;
  margin-bottom:50px;}


.tf_pagination a {
  display:inline-block;
  *display:inline;
  zoom:1;
  width:24px;
  height:24px;
  border-radius:50%;
  border:1px solid #bfdcbf;
  color:#bfdcbf;
  text-align:center;
  line-height:24px;
  margin-right:15px;}

.tf_pagination a:hover , .tf_pagination a.current-page {
  background:#bfdcbf;
  color:#fff;}

.prev_page,.next_page {font-weight:900;font-size:13px;}

/* Service item
==========================================*/
.service_list .service_item {
  position:relative;
  padding-top:20px;
  margin-bottom:20px;}

.service_list .service_item:hover .service_img {
  background:#ffcc66;}

.service_list .service_item .service_img {
  width:172px;
  height:172px;
  background:#3399FF;
  border-radius:50%;
  margin:0 auto;
  text-align:center;
  line-height:172px;
  margin-bottom:0px;
  transition:background .6s ease;}

.service_list .service_item .service_title h3 {
  display:table;
  *display:inline;
  zoom:1;
  margin:0;
  font-weight:bold;
  padding-bottom:15px;
  border-bottom:3px solid #bfdcbf}

.service_list .service_item .service_title {
  border-bottom:1px solid #bfdcbf;
  margin-bottom:35px;}

ul.service_list {
  list-style:none;
  margin:0;
  text-align:center;
  padding-top:30px;}

ul.service_list li{
  background:#ff6666;
  display:inline-block;
  width:103px;
  height:103px;
  line-height:103px;
  border-radius:50%;
  margin:0 15px;
  margin-bottom:20px;}

ul.service-list {
  padding-top:30px;
  margin-left:29px;
  list-style: url(images/icons/check_ico.png);
  margin-bottom:60px;}

ul.service-list li{
  line-height:40px;
  margin-bottom:5px;
  font-size:18px;
  font-weight:300;}

.service_item_simple {
  position:relative;
  padding-left:53px;
  margin-bottom:50px;}

.service_item_simple .service_ico {
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:41px;
  height:41px;
  border-radius:50%;
  background:#333 url(images/icons/service_ico.png) no-repeat 11px 13px;}

.service_item_simple h3 {
  margin-top:7px;
  font-weight:bold;
  font-size:20px;}

.service_item_simple .service_ico.bandwidth_ico {
  background-position:14px -158px;}

.service_item_simple .service_ico.space_ico {
  background-position:14px -91px;}

.service_item_simple .service_ico.support_ico {
  background-position:11px -21px;}

.service_item_simple .service_ico.install_ico {
  background-position:14px -57px;}

.service_item_simple .service_ico.check_ico {
  background-position:11px -123px;}

/*map*/

.map  img {max-width:none !important;}
.map label {width: auto; display: inline !important}

/* 404 page */

.error_box {
  margin:60px 0;
  border:1px solid #eee;}

.error_box .box_inner {
  padding:55px 60px;}

.error_box .box_inner img{
  display:inline-block;
  *display:inline;
  zoom:1;
  vertical-align:middle;
  margin-right:135px;}

.error_box .box_inner .error_text {
  display:inline-block;
  *display: inline;
  zoom:1;
  vertical-align:middle;}

.error_box .error_text h3 {
  font-size:20px;
  font-weight:600;
  margin:0;}

.error_box .error_text p {margin:0;}
.error_box .error_text a {text-decoration:underline;color:#333;}


/* History posts */

.history_item {
  position:relative;
  border-left:4px solid #bfdcbf;
  margin-left:20px;
  padding:0;}

.history_item.last , .history_item:last-child {
  border-color:transparent}

.history_item .history_inner {
  padding-top:3px;
  padding-left:30px;
  padding-bottom:30px;}

.history_year {
  position:absolute;
  top:0;
  left:-23px;
  display:block;
  width:41px;
  height:41px;
  line-height:40px;
  border-radius:50%;
  -webkit-border-radius:50%:
  -moz-border-radius:50%;
  background:#bfdcbf;
  text-align:center;
  color:#fff;
  font-size:13px;
  font-weight:bold;
  transition:background .6s ease;}

.history_item h5 {
  font-weight:bold;
  margin-bottom:5px;
  color:#666;}

.history_item:hover .history_year,
.history_year.active {
  background:#669966;}

.text_box {
  padding-top:10px;
  margin-bottom:31px;}

.text_box h1 {font-weight:300;margin-bottom:32px;}

.inputField.valid, .textareaField.valid{background-color: #ebf4eb;}
.inputField.error, .textareaField.error{background-color: #FFCFCF;}



/* rewap css */

.row{
  
}

#generator .page-titile-new {
position: relative;
}



#generator .page-titile-new h2 {
  margin: 0 auto;
  text-align: center;
  padding: 15px 0;
  text-transform: uppercase;
  color: #f9494a;
}

#generator .content-new{
  margin: 30px auto;
  background: #e5e4e2;
  padding: 17px;
  box-sizing: border-box;
}

#generator .info-box-row{
  margin-top: 50px;
  border-top: 1px solid #a7a7a773;
  padding-top: 60px;
}

#generator .info-box{

}

#generator .info-box-1{
  background: #e5e4e2;
  width: 35px;
  padding: 10px;
  border-radius: 51px;
}

#generator .info-box-2{
  
}

#generator .pdf-download-row{
  padding: 5px 0;
}


#generator .pdf-download{
  max-width: 143px;
}



#generator .download-pdf {
  max-width: 225px;
    background: #ff0100;
    color: #fff;
    padding: 0 15px 0;
    margin: 10px auto;
    border-radius: 42px;
}


#generator .download-pdf h3{
  color: #fff;
}


#compress{
  margin-top: 50px;
  margin-bottom: 50px;
}


#pdf-down{
  justify-content: center;
  display: flex;
  align-items: center;
}

#generator .reply{
  position: absolute;
    top: 0;
    right: 0;
}


.form-sapr{
  padding-top: 30px;
  padding-right: 10px;
}


nav{
        display: flex;
    justify-content: center;
    align-items: center;
        margin: 15px auto;
    border-bottom: 2px solid #f8020326;
}

.nav-pills > li > a{
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 20px;
    position: relative;
}




.nav-pills > li > a:after {
	content: '';
    position: absolute;
    left: 0;
    display: inline-block;
    height: 1em;
    width: 100%;
    border-bottom: 2px solid #f80606;
    margin-top: 10px;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
}

.nav-pills > li > a:hover:after {
  opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}


.dropdown-menu > li > a:hover{
    color: #ffffff;
    text-decoration: none;
    background-color: #f80102;
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

.banner-img{
    margin-bottom: 30px;
}


.body_wrap{
    padding: 30px 0;
}