/*!
 * Gravity Framework v1.2
 * Copyright 2013 Themesgravity
 *
 */

 /* ==========================================================================
    Importing Required Css Files
  ========================================================================== */



 @import url('css/bootstrap.min.css');
 @import url('css/bootstrap-responsive.css');
 @import url('css/bootstrap-responsive-override.css');
 @import url('css/shortcodes.css');
 @import url('css/shortcodes-extras.css');

 /***
	Index
	=================
	1. General Fixes
	2. Main Styles
		2.1. Heading Styles
		2.2. Styles for the boxed layout
		2.3. Custom Columns
	3. Typography
		3.1. Heading Styles
		3.2. Pullquote Styling
		3.3. Dropcap Styling
		3.4  List Styling
	4. Header Styles
		4.1. Logo Styles
		4.2. Navigation Styles
		4.3. Updates
		4.4  Mobile Navigation(responsive) styling
		4.5  Page Heading Styles
		4.6  Page Heading for Portfolio Item Page
	5. Content Area Styles
		5.1. Sidebar Core Styles
		5.2. Content Box Core Styles
	6. Footer Styles
		6.1. Subscribe-box Styles
		6.2. Inner Black Footer Styles
		6.3. Footer Social Media
		6.4. Custom Footer Menu Widget
		6.5. Recent Posts footer Menu
		6.6. Footer Subscribe Widget
	7. Sidebar Widgets
		7.1. Download Widget
		7.2. Twitter Widget
		7.3. Sidebar Menu Widget
		7.4. Search Widget
		7.5. Recent Posts Widget
		7.6. Recent Projects Widget
		7.7. Contact Widget
		7.8. Info Box Widget
		7.9. Text Widget
	8. Shortcodes Styles
		8.1. Medium Buttons Block
		8.2. Small Buttons Block
		8.3. cta-buttons block
	9. Portfolio Single Styles
	10. Portfolio Single Full Page Styles
	11. Blog Listing  Styles
	12. Blog Pagination Styles
	13. Blog Listing Alternative Styles
	14. Gallery Styles
	15. Single Post Styles
		15.1. Author Styles
		15.2. Comment Styles
	16. Comment Reply Styles
	17. Home v1 Styles
		17.1. HOME v1 SLIDER STYLES
	18. Home v2 Styles
	19. Contact Page Styles
	20. Contact Form Styles
	20. Service Styles
	21. Media Queries
	=================
***/


  /* ==========================================================================
     1. General Fixes
   ========================================================================== */

/* apply a natural box layout model to all elements */
*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }

.transparent-border{
 border-bottom: 1px solid transparent!important; /* This Fix is use for the Dropdown Menu */
}


div.carousel.pull-left{
margin-right: 30px;
margin-bottom: 15px;
}
div.carousel.pull-right{
margin-left: 30px;
margin-bottom: 15px;
}

.gmnoprint{width: auto !important;}

/*The following code is a fix for the wrapper region which contains sidebar and content bar what is done here is the width
of the container inside the wrapper element is increased by a 100px so as to add a padding of 50px on each side this way
the responsivity of the container is maintained and it does not break.*/



#wrapper > .container{ background:#ffffff;}

@media (min-width: 1200px){ #wrapper .container{ width: 1270px; } }

@media (max-width: 1199px) and (min-width:768px){ #wrapper .container{ width: 1040px; } }

@media (max-width: 979px) and (min-width: 768px){ #wrapper .container{ width:824px; background:#ffffff;} }


.sidebar-fix { /*FIX FOR THE SIDEBAR THE ROW BEFORE ASIDE#sidebar SHOULD ALWAYS HAVE THIS WITH IT*/
	overflow: hidden;
}


/* ==========================================================================
   2. Main Styles
 ========================================================================== */


 html {
 	overflow-x: hidden;  /* Ver 1.1 */
 }

body {
   font:       15px/1.5 'Sintony', sans-serif;
   /* word-wrap:  break-word;
   word-break: break-word; */
   color:      #565353;
   background: #ecebe9;
   overflow-x: hidden;
   -webkit-font-smoothing: antialiased;
}
::selection {
	background: #58595b;
	color:      #ffffff;
}
::-moz-selection {
	background: #58595b;
	color:      #ffffff;
}
.clear {
   clear: both;
}
.black {
	color: #000000;
}
button {
	border: 0px;
}
p {
	margin: 0 0 20px;
}
.small-text {
	color:     #828181;
	font-size: 0.875em;
}
a {
	color: 			 inherit;
	text-decoration: underline;
}
a:hover{
	color: 			 #061d45;
	text-decoration: underline;
}
.red {
	color: #061d45;
}
img.pull-left{
	margin: 0 30px 25px 0;
}

img.pull-right{
	margin: 0 0 25px 30px;
}

/* 2.1 Heading Styles */

h1,h2,h3,h4,h5,h6 {
	font-weight:   400;
	margin-bottom: 20px;
	color:         #000000;
	margin-top:    0px;
}
h1 {
	font-size:   2.188em;
	line-height: 45px;
}
h2 {
	font-size:   1.813em;
	line-height: 35px;
}
h3 {
	font-size:   1.500em;
	line-height: 32px;
}
h4 {
	font-size:   1.250em;
	line-height: 28px;
}
h5 {
	font-size:      1.063em;
	line-height:    24px;
	text-transform: uppercase;
}
h6 {
	font-size:   1.125em;
	line-height: 24px;
	font-weight: 700;
}


/* 2.2 Styles for the boxed layout */

.box-padding-left {
	padding-left:       50px;
	box-sizing:         content-box;
	-o-box-sizing:      content-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing:    content-box;
}

.box-padding-right {
	padding-right:      50px;
	box-sizing:         content-box;
	-o-box-sizing:      content-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing:    content-box;
}

.box-padding-both {
	padding:            0 50px 0 50px;
	box-sizing:         content-box;
	-o-box-sizing:      content-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing:    content-box;
}


/* 2.3 Custom Columns */

.col1 {
	max-width: 70px;
}
.col2 {
	max-width: 170px;
}
.col3 {
	max-width: 270px;
}
.col4 {
	max-width: 370px;
}
.col5 {
	max-width: 470px;
}
.col6 {
	max-width: 570px;
}
.col7 {
	max-width: 670px;
}
.col8 {
	max-width: 770px;
}
.col9 {
	max-width: 870px;
}
.col10 {
	max-width: 970px;
}
.col11 {
	max-width: 1070px;
}
.col12 {
	max-width: 1170px;
}


/* ==========================================================================
    3. Typography
 ========================================================================== */

/* 3.1 Blockquote Styling*/

blockquote {
	padding:       30px 50px 20px 100px;
	background:    #f7f7f7 url('../img/blockquote-icon.png') no-repeat 26px 33px;
	border:        0px;
	margin-top:    20px;
	margin-bottom: 20px;
  font: 15px/1.5 "Sintony",sans-serif;
}

blockquote p  {
  font: 15px/1.5 "Sintony",sans-serif;
}

cite {
	font-size:  15px;
	font-style: normal;
	display:    block;
	margin-top: 20px;
	color:      #bab1b1;
}

/* 3.2 Pullquote Styling */

.pullquote {
	text-align:    right;
	font-size:     1.225em;
	padding-right: 30px;
	margin-right:  30px;
	margin-bottom: 20px;
	border-right:  2px solid #58595b;
	float:         left;
	max-width:     400px;
	color:         #242323;
}

/* 3.3  Dropcap Style */

.dropcap {
	font-size:      100px;
	font-weight:    700;
	text-transform: uppercase;
	display:        inline-block;
	float:          left;
	line-height:    1;
	padding-right:  32px;
	color:          #d3d3d3;
}

/* 3.4 List Styling */

#content li {
	line-height: 1.5;
}
#content ul {
	margin-left: 0px;
}
ul.arrow li {
	background:   url('../img/ul-list.png') left 5px no-repeat;
	padding-left: 1.6em;
	list-style:   none;
}

/* ==========================================================================
   4. Header Styles
 ========================================================================== */


#top-header {
	background: #dfdfdf;
}
.header-container {
	background:    #fff;
	min-height:    8.125em; /*Adjust the height of the header here*/
	border-bottom: 2px solid #dfdfdf; */

}


/* 4.1 Logo Styles ( div.logo > img > a)
  ==========================*/

.logo {
	line-height: 8.125em;
}
.logo a {
	display: inline-block;
}

/* 4.2 Navigation Styles
==========================*/

/* Initialisation */

#navigation {
	margin-top: 3.7em;
}
#navigation ul, #navigation li {
	list-style: none;
	padding:    0;
	margin:     0;
	display:    inline;
}
#navigation ul li.active > a{
	color:  #80AA40;
}
#navigation ul li:hover>ul {
	opacity:  1;
	position: absolute;
	top:      99%;
	left:     0;
}
#navigation ul ul li:hover>ul {
	position: absolute;
	top:      0;
	left:     100%;
	opacity:  1;
	z-index:  777;
	border:   0;
}

/* First Level */


#navigation ul li{
	float:        left;
	position:     relative;
}
#navigation ul > li {
	margin-left: 30px;
}
#navigation ul li a {
	font-size:       1em;
	font-weight:     700;
	color:           #061d45;
	text-decoration: none;
	display:         inline-block;
}
#navigation ul li:hover > a {
	color: #80AA40;
}

#navigation ul > li a i {
	font-size: 0.6em;
	position: relative;
	top: -2px;
}
#navigation .nav-top-icon {
	position: absolute;
	top:      31px;
	z-index:  1000000;
	left:     49px;
	color:    #dfdfdf;
}

#navigation .nav-right-icon {
	position: absolute;
	z-index:  1000;
	color:    #dfdfdf;
	right:    25px;
	top:      16px;
}

/* Second Level */

#navigation ul ul {
	opacity:     0;
	margin:      0px 0 0 -30px;
  	filter:      alpha(opacity=0);
	position:    absolute;
	top:         -99999px;
	left:        0;
	padding-top: 55px; /*Adjust this value to adjust the top distance of the dropdown menu*/
	z-index:     999;
}
#navigation ul ul li {
	padding:     0px;
	background:  #58595b;
	cursor:      pointer;
}
#navigation ul ul li a {
	border-bottom: 1px solid #6f6e6e;
}
#navigation ul ul li:last-child a{
	border-bottom: 1px solid transparent;
}
#navigation ul ul li a {
	padding: 12px 0;
	display: block;
	width:   200px;
	margin:  0 20px;
}
/*FIX FOR IE MENU ADDED V 1.2*/
#navigation > ul > li > ul::before { content: ""; display: block; border-top: 4px solid transparent; height: 4px; position: absolute; top: 51px;width: 100%; }

#navigation ul ul li:hover {
	background: #061d45;
}
#navigation ul ul li:hover a {
	color: #ffffff;
}

/* Third Level */

#navigation ul ul ul {
	position:    absolute;
	top:         -99999px;
	left:        100%;
	opacity:     0;
	margin:      0 0 0 0;
	z-index:     999;
	padding-top: 0px;
	background:  #3d4d62;
}
#navigation ul ul ul li{
	background:  #3d4d62;
	margin-left: 0px;
}
#navigation ul ul ul li a {
	 color: #b8b8b8!important;
}
#navigation ul ul ul li:hover a {
	 color: #ffffff!important;
}

/* IE Dropdown Fix
==========================*/
.ie7 #navigation {margin-top: 3.4em}
.ie8 #navigation {margin-top: 3.4em}
.no-js #navigation {margin-top: 3.4em}


/* 4.4 Mobile Navigation(responsive) styling
==========================*/

a.nav-toggle {
	color:          #ffffff;
	font-size:      26px;
	padding:        10px 18px 8px 18px;
	background:     #2b333e;
	display:        none;
	cursor:         pointer;
	position:       relative;
	top:            38px; /* Adjust this value if the toggle is not aligning with the logo correctly */
	-webkit-border-radius: 5px;
	-moz-border-radius:    5px;
	border-radius:  5px;
	text-decoration: none;
}
a.nav-toggle:hover {
	background:      #191f26;
	text-decoration: none;
}
#mobile-navigation {
	display:       none;
	margin-bottom: 30px;
}
#mobile-navigation i {
	display: none;
}
#mobile-navigation ul li a {
	font-size:       1em;
	font-weight:     700;
	color:           #b8b8b8;
	text-decoration: none;
	display:         inline-block;
}
#mobile-navigation ul li a:hover,#mobile-navigation ul li a:active {
	background:  #80AA40;
	color:      #ffffff;
}
#mobile-navigation ul {
	padding:    0px;
	margin:     0px;
	list-style: none;
}
#mobile-navigation > ul > li > ul > li a {
	padding-left: 25px;
}
#mobile-navigation > ul > li > ul > li > ul > li a {
	padding-left: 40px;
}
#mobile-navigation ul li a {
	padding:       12px 0px 12px 4px;
	border-bottom: 1px solid #6f6e6e;
	display:       block;
}

/* 4.5 Page Heading Styles
==========================*/

.page-heading-container {
	background:   #80AA40;
	color:      #ffffff;
	min-height:     30px;
	position:   relative;
}
.page-heading-container p.title {
	font-size: 1.2em;
  line-height: 1.7em;
	margin:    0px 0 0 0;
	max-width: 960px;
}

.page-heading-container p.title a {
 text-decoration: none
}

.page-heading-container p.social-title {
	font-size:   1.35em;
	margin:      1.4em 0 0 0;
	font-weight: 400;
}
.page-heading-container .top-social {
	cursor:      default;
	margin-left: 30px;
}
.page-heading-container .top-social a {
	color:           #ffffff;
	text-decoration: none;
	font-size:       2.000em;
	line-height:     96px;
	margin-left:     30px;
}
.page-heading-container .top-social a:first-child {
	margin-left: 0px;
}
.page-heading-container .top-social a:hover {
	color: #58595b;
}
.page-heading-container i.icon-caret-down {
	color: #b1abab;
	position: absolute;
	font-size: 54px;
	top: 73px;
	left: 45px;
}

/* 4.6 Page Heading for Portfolio Item Page */

.page-heading-container p.portfolio-title {
	font-size: 1.625em;
	margin:    1.1em 0 0 0;
	display:   inline-block;
}
.page-heading-container .portfolio-controls {
	display:     inline-block;
	position:    relative;
	top:         4px;
	margin-left: 20px;
	cursor:      default;
}
.page-heading-container .portfolio-controls a {
	color:           #ffffff;
	font-size:       30px;
	text-decoration: none;
}
.page-heading-container .portfolio-controls a:first-child {
	margin-right: 15px;
}
.page-heading-container .portfolio-controls a:hover {
	text-decoration: none;
	color:           #1e1e1e;
}
.category-dropdown {
	position: relative;
}
.category-dropdown ul {
	display:    none;
	position:   absolute;
	top:        70px;
	width:      100%;
	left:       -25px;
	list-style: none;
	background: #92adbb;
	z-index:    10000;
}
.category-dropdown ul li {
	position: relative;
}
.category-dropdown ul li a {
	padding:         10px 16px;
	display:         block;
	color:           #ffffff;
	text-decoration: none;
}
.category-dropdown ul li a:hover {
	background: #98b4c2;
}
.category-dropdown a.category-toggle {
	cursor:      pointer;
	color:       #ffffff;
	font-size:   1.188em;
	line-height: 96px;
	background:  #92adbb;
	padding:     10px 0px 10px 16px;
	text-decoration: none;
}
.category-dropdown a.category-toggle i {
	padding-left: 35px;
	position:     relative;
	left:         -14px;
	top:          -1px;
	font-size:    13px;
}
.category-dropdown a.category-toggle:hover {
	text-decoration: none;
	background: 	 #859eab;
}



/* ==========================================================================
   5. Content Area Styles
 ========================================================================== */


/* 5.1 Sidebar Core Styles
==========================*/

#sidebar {
	background:     #f7f7f7;
	margin-bottom:  -9999px;
	padding-bottom: 9999px;
}

/* 5.2 Content Box Core Styles
==========================*/

#content {
	background:     #ffffff;
	padding-top:    40px;
	padding-bottom: 40px;
}

/* ==========================================================================
   6. Footer Styles
 ========================================================================== */

#main-footer {
	background:     #dfdfdf;
	padding-bottom: 90px;
}

/* 6.1 Subscribe-box Styles */

.subscribe-box {
	background:     #ecebe9;
	padding-top:    32px;
	padding-bottom: 32px;
}
.subscribe-box h3{
	margin-bottom: 0px;
	margin-top:    9px;
	color:         #2d2d2d;
}

h3.subscribe-box-submit {
	color:   #2aa117;
	display: none;
}
.subscribe-box form{
	margin: 0px;
}
.subscribe-box form input,.subscribe-box form button{
	margin-left: 25px;
}
.subscribe-box form input {
	height:        50px;
	border-radius: 0px;
	background:    #ffffff;
	border:        0px;
	color:         #d3d2cf!important;
	padding-left:  19px;
	padding-right: 20px;
	box-shadow:    none!important;
	max-width:     168px;
}

.subscribe-box form input:first-child {
	margin-left: 0px;
}

/* 6.2 Inner Black Footer Styles */

.inner-footer {
	background:     #061d45;
	padding-top:    45px;
	padding-bottom: 30px;
	font-size:      15px;
}
.inner-footer h5 {
	color:          #ffffff;
	text-transform: uppercase;
	font-size:      15px;
	font-weight:    700;
}
.inner-footer p {
	color: #828181;
}

/* 6.3 Footer Social Media
==========================*/

.footer-social{
	cursor: default;
}
.footer-social a{
	font-size:    26px;
	color:        #ffffff;
	margin-right: 13px;
	color:        #606568;
	text-decoration: none;
}
.footer-social a:hover{
	text-decoration: none;
	color:           #dfdfdf;
}

/* 6.4 Custom Footer Menu Widget
==========================*/

ul.custom-footer-menu {
	list-style:  none;
	margin-left: 0px;
}
ul.custom-footer-menu li{
	border-bottom: 1px solid #6f6f6f;
}
ul.custom-footer-menu li a {
	color:   #ffffff;
	padding: 12px 0px 12px 0px;
	display: block;
	text-decoration: none;
}
ul.custom-footer-menu li:first-child a {
	padding: 0px 0px 12px 0px;
}
ul.custom-footer-menu li a:hover {
	color:           #dfdfdf;
	text-decoration: none;
}

/* 6.5 Recent Posts footer Menu
==========================*/

ul.recent-posts-footer {
	list-style:  none;
	margin-left: 0px;
}
ul.recent-posts-footer li{
	border-bottom: 1px solid #6f6f6f;
	padding:       15px 0 15px 0;
}
ul.recent-posts-footer li:first-child {
	padding: 0 0 15px 0;
}
ul.recent-posts-footer li:last-child {
	border-bottom: none;
}
ul.recent-posts-footer li a {
	color:   #ffffff;
	display: block;
	text-decoration: none;
}
ul.recent-posts-footer li a:hover {
	color:           #dfdfdf;
	text-decoration: none;
}
ul.recent-posts-footer li span.post-date {
	color: #828181;
}

/* 6.6 Footer Subscribe Widget
==========================*/

span.footer-subscribe-submit {
	color:    #ffffff;
	position: relative;
	top:      -12px;
	display:  none;
}
.footer-subscribe-widget input {
	height:        47px;
	max-width:     199px;
	border-radius: 0px;
	background:    #404345;
	border:        0px;
	color:         #b8b8b8!important;
	padding-left:  19px;
	padding-right: 20px;
	box-shadow:    none!important;
}
.footer-subscribe-widget input:focus {
	background: #343638;
}
.footer-subscribe-widget button {
	background: #191b1c;
	border:     none;
	color:      #404345;
	padding:    8px 25px 7px 25px;
	font-size:  25px;
	position:   relative;
	top:        -5px;
	left:       -4px;
}
.footer-subscribe-widget button:hover {
	background: #000000;
}
.footer-subscribe-wdiget input::-webkit-input-placeholder { color: #b8b8b8; }
.footer-subscribe-wdiget input:-moz-placeholder { color: #b8b8b8; }
.footer-subscribe-wdiget input::-moz-placeholder { color: #b8b8b8; }
.footer-subscribe-wdiget input:-ms-input-placeholder { color: #b8b8b8; }

/* ==========================================================================
   7. Sidebar Widgets
 ========================================================================== */

#sidebar {
	padding-top: 105px;
}
#sidebar .widget {
	margin-right: 50px;
	padding:      20px 0;
  border-bottom:  1px solid #cccccc;
	padding-bottom: 30px;
	margin-bottom:  10px;
}

#sidebar .widget.last {

  border-bottom:  0px solid #cccccc;
}

#sidebar .widget:first-child {
	padding: 0;
}
#sidebar .widget h5 {
	font-weight:    700;
	color:          #58595b;
	padding-bottom: 12px;
	border-bottom:  5px solid #dfdfdf;
}

/* 7.1 Download Widget
==========================*/

.download-widget {
	border-bottom:  1px solid #cccccc;
	padding-bottom: 10px;
	margin-bottom:  10px;
}
.download-widget img {
	float:   left;
	padding: 5px 18px 22px 0;
}
.download-widget a {
	color:         #000000;
	font-size:     0.938em;
	margin-bottom: 6px;
	display:       inline-block;
	text-decoration: none;
}
.download-widget a:hover {
	text-decoration: underline;
}
.download-widget span.date,.download-widget span.size {
	color:     #999999;
	font-size: 0.875em;
	display:   inline-block;
	max-width: 158px;
	float:     left;
}
/* 7.2 Twitter Widget
==========================*/

.twitter-widget ul {
	margin-left: 0px;
}
.twitter-widget ul li {
	margin-bottom: 30px;
	background:    url("../img/tweet-icon.png") no-repeat left 5px;
	list-style:    none;
	padding-left:  50px;
	font-size:     15px;
}
.twitter-widget ul li:last-child {
	border-bottom:  1px solid #dfdfdf;
	padding-bottom: 30px;
}
.twitter-widget ul li span {
	color:      #aeaeae;
	font-size:  12px;
	margin-top: 10px;
	display:    block;
}

/* 7.3 Sidebar Menu Widget
==========================*/

#sidebar .menu-widget ul {
	margin: 0px;
}
#sidebar .menu-widget ul li {
	padding:    9px 0px;
	list-style: none;
	position:   relative; /*This is given to specify the position of the hover triangle*/
}
#sidebar .menu-widget ul li .icon-caret-right { /*This is the styling for the hover triangle*/
	font-size: 50px;
	color:     #ecebe9;
	position:  absolute;
	left:      -53px;
	top:       -6px;
}
#sidebar .menu-widget ul li a {
	font-size: 1.063em;
	color:     #78a3b9;
	text-decoration: none;
}
#sidebar .menu-widget ul li a:hover {
	color:           #000000;
	text-decoration: none;
}
#sidebar .menu-widget ul li a.active {
	color:           #000000;
	text-decoration: none;
}
/* 7.4 Search Widget
==========================*/

.search-widget form{
	position: relative;
}
.search-widget input {
	height:        47px;
	width:         100%;
	border-radius: 0px;
	background:    #ffffff;
	border:        0px;
	color:         #d6d3d3!important;
	font-weight:   400;
	font-size:     15px;
	padding-left:  19px;
	padding-right: 80px;
	box-shadow:    none!important;
	border:        1px solid #ecebe9;
}
.search-widget input:focus {
	background: #ffffff;
	box-shadow: none;
	outline:    0;
}
.search-widget input:active {
	background: #ffffff;
	box-shadow: none;
}
.search-widget button {
	background: #ecebe9;
	border:     none;
	color:      #ffffff;
	padding:    10px 18px 10px 18px;
	font-size:  20px;
	position:   absolute;
	top:        0px;
	right:      0px;
}
.search-widget button:hover {
	background: #dbdbdb;
}
.search-wdiget input::-webkit-input-placeholder { color: #d6d3d3; font-weight: 400; }
.search-wdiget input:-moz-placeholder { color: #d6d3d3; font-weight: 400; }
.search-wdiget input::-moz-placeholder { color: #d6d3d3; font-weight: 400; }
.search-wdiget input:-ms-input-placeholder { color: #d6d3d3; font-weight: 400; }


/* 7.5 Recent Posts Widget
==========================*/

.recent-posts .post-details{
	padding:    20px;
	background: #ecebe9;
}
.recent-posts .post-title {
	font-size:     15px;
	line-height:   1.5;
	color:         #666666;
	margin-bottom: 15px;
	display:       block;
	text-decoration: none;
}
.recent-posts .post-title:hover {
	text-decoration: underline;
}
.recent-posts span.post-date {
	font-size: 13px;
	color:     #58595b;
}
.recent-posts .carousel-control{
	width:         auto;
	height:        auto;
	top:           -46px;
	right:         0px;
	left:          auto;
	margin-top:    -20px;
	font-size:     45px;
	font-weight:   700;
	color:         #e0deda;
	text-align:    center;
	background:    transparent;
	border:        none;
	-webkit-border-radius: 0px;
	-moz-border-radius:    0px;
	border-radius: 0px;
	opacity:       1;
	filter: alpha(opacity=100);
	text-decoration: none;
}

.recent-posts .carousel-control:hover{
	color: #b1abab;
}

.recent-posts .carousel-control[data-slide="prev"]{
	right: 18px;
}

/* 7.6 Recent Projects Widget
==========================*/

.recent-projects .project-details{
	padding:    20px;
	background: #aac8d7;
}
.recent-projects .project-title {
	font-size:     18px;
	line-height:   1.5;
	color:         #ffffff;
	margin-bottom: 15px;
	display:       block;
	text-decoration: none;
}
.recent-projects .project-title:hover {
	text-decoration: underline;
}
.recent-projects span.project-category {
	font-size: 13px;
	color:     #58595b;
}
.recent-projects-widget h5 {
	padding-right: 22px;
}
.recent-projects .carousel-control{
	width:         auto;
	height:        auto;
	top:           -46px;
	right:         0px;
	left:          auto;
	margin-top:    -20px;
	font-size:     45px;
	font-weight:   700;
	color:         #e0deda;
	text-align:    center;
	background:    transparent;
	border:        none;
	-webkit-border-radius: 0px;
	-moz-border-radius:    0px;
	border-radius: 0px;
	opacity:       1;
	filter: alpha(opacity=100);
	text-decoration: none;
}

.recent-projects .carousel-control:hover{
	color: #b1abab;
}

.recent-projects .carousel-control[data-slide="prev"]{
	right: 18px;
}

/* 7.7 Contact Widget
==========================*/

.contact-widget div {
	position:      relative;
	border-bottom: 1px solid #dfdfdf;

}
.contact-widget div p {
	padding-left:  45px;
	margin-top:    20px;
	margin-bottom: 20px;
}
.contact-widget div i {
	position:  absolute;
	color:     #dfdfdf;
	font-size: 30px;
}
/* 7.8 Info Box Widget
==========================*/
.info-box-widget {
	margin-top:   40px;
	margin-right: 0px!important;
}

/* 7.9 Text Widget
==========================*/

.info-box-widget {
	margin-top:   20px;
	margin-right: 0px!important;
}
.text-widget {
	margin-right: 0px!important;
}

  /* ==========================================================================
    8. Shortcodes Styles
   ========================================================================== */

/* 8.1 Medium Buttons Block */

.med-buttons{
	max-width: 175px;
	float:     left;
}
.med-buttons a{
	float:      left;
	margin-top: 20px;
}
.med-buttons a:first-child{
	margin-top: 0px;
}

/* 8.2 Small Buttons Block */

.small-buttons{
	max-width:   175px;
	margin-left: 20px;
	float:       left;
}
.small-buttons a{
	float:      left;
	margin-top: 28px;
}
.small-buttons a:first-child{
	margin-top: 7px;
}

/* 8.3 cta-buttons block */

.cta-buttons a{
	margin-left: 28px;
}

.cta-buttons a:first-child{
	margin-left: 0px;
}

  /* ==========================================================================
    9. Portfolio Single Styles
   ========================================================================== */

.portfolio-container {
	position: relative;
}
.portfolio-container #content{
	padding-top: 366px;
}
.portfolio-featured {
	position: absolute;
	top:      -96px;
	right:    0px;
}
.portfolio-featured img{
	float: left;
	width: 100%;
}
.portfolio-featured .overlay {
	position:   absolute;
	max-width:  320px;
	right:      0px;
	top:        95px;
	color:      #ffffff;
	background: rgb(50, 62, 78);
	background: rgba(50, 62, 78, 0.76);
	min-height: 297px;
	padding:    40px 30px;
}
.portfolio-featured h4{
	color: #ffffff;
}
.portfolio-featured .portfolio-social-media {
	position:   absolute;
	right:      0px;
	bottom:     -70px;
	min-height: 70px;
	background: #ececec;
	max-width:  320px;
	width:      100%;
	cursor:     default;
}
.portfolio-social-media a{
	color:       #b6b3b3;
	font-size:   1.8em;
	line-height: 70px;
	margin-left: 30px;
	text-decoration: none;
}
.portfolio-social-media a:hover{
	text-decoration: none;
	color:           #1e1e1e;
}
.portfolio-container .portfolio-title{
	position: relative;
	top:      -25px;
}


  /* ==========================================================================
     10. Portfolio Single Full Page Styles
   ========================================================================== */

.portfolio-large-featured {
	margin-bottom: 60px;
	overflow:      hidden;
}
.featured-intro{
	background:    #fd3f6a;
	max-width:     395px;
	min-height:    428px;
	margin-bottom: 3px;
	color:         #ffffff;
	padding:       40px 30px;
	position:      relative;
}
.featured-intro > i.icon-caret-right{
	position:  absolute;
	font-size: 47px;
	left:      -3px;
}
.featured-intro p{
	font-size: 1.875em;
}
.featured-details {
	padding:    40px 30px 20px 30px;
	background: #ecebe9;
	max-width:  395px;
}
.featured-details p{
	color:         #000000;
	margin-bottom: 10px;
}
.featured-details p span{
	color: #205e95;
}
.featured-left{
	float: left;
}
.featured-right{
	float: right;
}
.carousel {
	margin-bottom: 0px;
}
.featured-slider .carousel-control {
	background: transparent;
	top:        50%;
	border:     0px;
	opacity:    1;
	text-decoration: none;
}
.featured-slider .carousel-control:hover {
	opacity: 0.7;
}
.featured-controls {
	margin-top:    3px;
	height:        46px;
	background:    #ecebe9;
	cursor:        default;
	padding-right: 15px;
}
.featured-controls a{
	color:       #b6b3b3;
	font-size:   20px;
	line-height: 46px;
	margin-left: 15px;
	text-decoration: none;

}
.featured-controls a:hover {
	text-decoration: none;
	color:           #000000;
}

  /* ==========================================================================
     11. Blog Listing  Styles
   ========================================================================== */

.blog-listing {
	padding-bottom: 20px;
	border-bottom:  3px solid #ecebe9;
}
.blog-listing .post{
	padding:       40px 0px 40px 0px;
	border-bottom: 1px solid #e2e2e2;
	position:      relative;
}
.blog-listing .post:first-child{
	padding-top: 0px;
}
.blog-listing .post:last-child {
	border: none;
}
.blog-listing span.date {
	color:         #a2bcc9;
	font-size:     1.188em;
	margin-bottom: 5px;
	display:       block;
}
.blog-listing h3 {
	margin-bottom: 30px;
}
.blog-listing h3 a {
	color: #000000;
	text-decoration: none;
}
.blog-listing h3 a:hover {
	color: #000000;
	text-decoration: underline;
}
.blog-listing p {
	color:     #666666;
	font-size: 1.063em;
}
.blog-listing .tags {
	float:    left;
	position: relative;
	top:      -2px;
}
.blog-listing .tags a {
	color:     #58595b;
	font-size: 1.263em;
	text-decoration: none;
}
.blog-listing .tags a:hover {
	text-decoration: underline;
}
.blog-listing .read-more-btn {
	float:        left;
	margin-right: 50px;
}
.blog-listing span.more-text {
	color:     #a2bcc9;
	font-size: 1.188em;
	display:   block;
}
.blog-listing .post-footer {
	position:  absolute;
	bottom:    40px;
	max-width: 470px;
	width:     100%;
}

  /* ==========================================================================
     12. Blog Pagination Styles
   ========================================================================== */
.pagination {
	cursor: default;
}
.pagination a {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	color:       #cac7c2;
	display:     inline-block;
	font-size:   18px;
	font-weight: 700;
	padding:     7px 15px;
	background:  #ecebe9;
	text-decoration: none;
}
.pagination a.active {
	background: #e2e0db;
	color:      #ffffff;
	cursor:     default;
}
.pagination a:hover{
	text-decoration: none;
	background:      #e2e0db;
	color:           #ffffff;
}

  /* ==========================================================================
     13. Blog Listing Alternative Styles
   ========================================================================== */

.blog-listing-alt {
	border-bottom:  3px solid #ecebe9;
	padding-bottom: 10px;
}
.blog-listing-alt .post {
	background:    #f7f7f7;
	padding:       30px 180px 30px 30px;
	margin-bottom: 10px;
	position:      relative;
}
.blog-listing-alt .post p {
	color:         #666666;
	margin-bottom: 0px;
}
.blog-listing-alt .post span.date {
	color:         #cac7c2;
	padding-right: 5px;
}
.blog-listing-alt .post span.date:after {
	content:      "|";
	padding-left: 8px;
}
.blog-listing-alt .post a.tags {
	color: #061d45;
}
.blog-listing-alt .post i.icon-calendar-empty {
	font-size:    32px;
	color:        #cac7c2;
	margin-right: 14px;
}
.blog-listing-alt .post h3 {
	margin-top:    20px;
	margin-bottom: 15px;
}
.blog-listing-alt .post h3 a {
	color: #000000;
	text-decoration: none;
}
.blog-listing-alt .post h3 a:hover {
	text-decoration: underline;
}
.blog-listing-alt .post a.post-link {
	display:    none;
	position:   absolute;
	right:      22px;
	top:        50%;
	font-size:  96px;
	margin-top: -72px;
	color:      #ecebe9;
	text-decoration: none;
}
.blog-listing-alt .post:hover {
	background: #ffffff;
}
.blog-listing-alt .post:hover a.post-link {
	display: block;
}
.blog-listing-alt .post a.post-link:hover {
	color:           #dcdcdc;
	text-decoration: none;
}


  /* ==========================================================================
     14. Gallery Styles
   ========================================================================== */


.gallery .img-large{
	margin-top: 30px;
	display:    none;
	position:   relative;
}
.gallery .img-large a.cross{
	position:   absolute;
	cursor:     pointer;
	top:        0px;
	right:      0px;
	color:      #ffffff;
	font-size:  24px;
	padding:    8px 18px 8px 18px;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.48);
	text-decoration: none;
}
.gallery .img-large a.prev{
	position:   absolute;
	cursor:     pointer;
	bottom:     0px;
	right:      65px;
	color:      #ffffff;
	font-size:  24px;
	padding:    8px 18px 6px 18px;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.48);
	text-decoration: none;
}
.gallery .img-large a.next{
	position:   absolute;
	cursor:     pointer;
	bottom:     0px;
	right:      0px;
	color:      #ffffff;
	font-size:  24px;
	padding:    8px 18px 6px 18px;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.48);
	text-decoration: none;
}
.gallery .img-large a.cross:hover,.gallery .img-large a.prev:hover,.gallery .img-large a.next:hover{
	background:      rgba(0, 0, 0, 0.68);
	text-decoration: none;
}
.gallery .img-small {
	margin-top: 27px;
	display:    block;
	opacity:    .63;
  	filter:     alpha(opacity=63);
	cursor:     pointer;
}
.gallery .small-active {
	opacity: 1!important;
	filter:  alpha(opacity=100);
}
.gallery .img-small:hover {
	opacity: 1;
	filter:  alpha(opacity=100);
}
.gallery .img-small[data-id="1"],.gallery .img-small[data-id="2"],.gallery .img-small[data-id="3"] {
	margin-top: 0px;
}

/* ==========================================================================
    15. Single Post Styles
   ========================================================================== */

.blog-single .icon-calendar-empty {
	color: #cac7c2;
	font-size: 32px;
}
.blog-single span.date {
	color:       #cac7c2;
	font-weight: 700;
	margin-left: 10px;
}
.blog-single h1.title {
	margin: 20px 0px 40px 0px;
}
.blog-single .featured-image {
	margin-bottom: 40px;
}

/* 15.1 Author Styles */

.about-author {
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	padding: 35px 0px 30px 0px;
	margin: 40px 0;
}
.about-author p {
	/*margin-bottom: 10px;*/
}
.about-author .author-social {
	cursor: default;
}
.about-author .author-social a {
	color:       #ecebe9;
	font-size:   24px;
	margin-left: 20px;
	text-decoration: none;
}
.about-author .author-social a:first-child {
	margin-left: 0px;
}
.about-author .author-social a:hover {
	color: #dededd;
	text-decoration: none;
}

/* 15.2 Comment Styles */

ul.commentlist {
	margin-top: 40px;
}
ul.commentlist li.comment {
	list-style: none;
/*	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;*/
}
ul.commentlist .comment-body {
	padding: 25px 0 10px 0;
}
.comment-body .avatar-wrap a.reply {
	background:  #bbb7b0;
	color:       #ffffff;
	font-weight: 700;
	display:     block;
	font-size:   15px;
	text-align:  center;
	padding:     7px 0;
	margin-top:  10px;
	text-decoration: none;
}
.comment-body .avatar-wrap a.reply:hover {
	background: #061d45;
	text-decoration: none;
}
.comment-body {
	border-bottom: 1px solid #e2e2e2;
}
ul.children ul.children:last-child .comment-body { border: none; }
ul.children ul.children:last-child {
	border-bottom: 1px solid #e2e2e2;
}
.comment-area p{
	font-size: 0.875em;
	color:     #999999;
}
.comment-area h4.comment-author {
	margin: 0px;
}
.comment-area p.comment-date {
	margin-bottom: 10px;
	font-size:     0.938em;
}

/* ==========================================================================
    16. Comment Reply Styles
   ========================================================================== */

.comment-reply {
	margin-top: 60px;
}
.comment-reply input:first-child {
	margin-left: 0px;
}
.comment-reply input {
	max-width:   266px;
	margin-left: 30px;
}
.comment-form input:required{
	background: url("../img/astrix.png") no-repeat 96% ;
}
.comment-reply form input{
	height:        48px;
	border-radius: 0px;
	box-shadow:    none!important;
	border:        2px solid #ecebe9;
	font-size:     15px;
	color: 		   #666666;
	padding:       0 15px;
}
.comment-reply form input:focus{
	border-color: #dfdfdf!important;
}
.comment-reply form textarea {
	border-radius: 0px;
	box-shadow:    none;
	border:  	   2px solid #ecebe9;
	font-size:     15px;
	color:         #666666;
	padding:       15px 15px;
	width:         100%;
	max-width:     870px;
	margin-top:    20px;
	margin-bottom: 25px;
}
.comment-reply form button {
	margin-top: 7px;
}
.comment-info {
	font-size: 15px;
	color:     #b4b3b1;
}

  /* ==========================================================================
     17. Home v1 Styles
   ========================================================================== */

/* 17.1 HOME v1 SLIDER STYLES */


.home-v1-featured-slider .slide-content {
	position: relative;
}
.home-v1-featured-slider .slide-content .slide-text {
	padding-left: 60px;
	position:     absolute;
	top:          50%;
}
.home-v1-featured-slider .slide-content .slide-text a {
	font-size: 2.500em;
	text-decoration: none;
}
.home-v1-featured-slider .slide-content .slide-text a:hover {
	background: rgba(28, 25, 27, 0.78);
}



.home-v1-featured-slider .slide-content .slide-text * {
	color:      #ffffff;
	background: rgba(45, 45, 45, 0.78);
	display:    inline-block;
	clear:      left;
	float:      left;
	padding:    10px 20px 10px 20px;
	margin-bottom: 7px!important;
}

.home-v1-featured-slider .slide-content .slide-text.red * {
	color:      #ffffff;
  background: rgba(204, 0, 0, 1);
	display:    inline-block;
	clear:      left;
	float:      left;
	padding:    10px 20px 10px 20px;
	margin-bottom: 7px!important;
}

.home-v1-featured-slider .carousel-control {
	position:        absolute;
	top:             84%;
	left:            60px;
	width:           45px;
	height:          45px;
	margin-top:      -20px;
	font-size:       50px;
	font-weight:     100;
	line-height:     43px;
	color: 		     #fff;
	text-align:      center;
	text-decoration: none;
	background:      rgba(45, 45, 45);
	background:      rgba(45, 45, 45, 0.78);

	border:          none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius:   5px;
	opacity:         1;
	filter: alpha(opacity=100);
}
.home-v1-featured-slider .carousel-control.right {
	left: 120px;
}
.home-v1-featured-slider a.carousel-control:hover {
	background: rgb(222, 58, 49);
	background: rgba(128, 170, 64, 1.0);
}
.featured-box {
	position:      relative;
	margin-bottom: 26px;
}
.featured-box img {
	width: 100%;
}
.featured-box a:hover .featured-box-hover {
	opacity: 1;
	filter:  alpha(opacity=100);
}
.featured-box .featured-box-hover {
	opacity:    0;
	filter:     alpha(opacity=0);
	position:   absolute;
	height:     100%;
	width:      100%;
	bottom:     0px;
	left:       0px;
	background: rgb(50, 62, 78);
	background: rgba(50, 62, 78, 0.83);
	color:      #ffffff!important;
	padding:    20px 80px 0px 30px;
}
.featured-box-hover i.icon-align-justify {
	font-size: 30px;
}
.featured-box-hover p {
	font-size:   18px;
	font-weight: 700;
	line-height: 1.3;
	margin-top:  8px;
}

  /* ==========================================================================
     18. Home v2 Styles
   ========================================================================== */


/* 18.1 HOME v1 SLIDER STYLES */

.home-v2-featured-slider {
	margin-left: 30px;
}

.home-v2-featured-slider .carousel-control {
	position:      absolute;
	top:           84%;
	left:          50px;
	width:         45px;
	height:        45px;
	margin-top:    -20px;
	font-size:     50px;
	font-weight:   100;
	line-height:   43px;
	color:         #fff;
	text-align:    center;
	background:    rgba(45, 45, 45);
	background:    rgba(45, 45, 45, 0.88);
	border:        none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	opacity:       1;
	filter: alpha(opacity=100);
	text-decoration: none;
}

.home-v2-featured-slider .slide-content .slide-text {
	padding-left: 50px;
	position:     absolute;
	top:          60%;
}

.home-v2-featured-slider .slide-content .slide-text h1 {
	font-size: 2.500em;
}

.home-v2-featured-slider .slide-content .slide-text * {
	color:         #ffffff;
	background:    rgba(45, 45, 45);
	background:    rgba(45, 45, 45, 0.88);
	display:       inline-block;
	clear:         left;
	float:         left;
	padding:       10px 20px 10px 20px;
	margin-bottom: 7px!important;
}
.home-v2-featured-slider .carousel-control.right {
	left: 110px;
}
.home-v2-featured-slider a.carousel-control:hover {
	background: rgb(222, 58, 49);
	background: rgba(222, 58, 49, 0.88);
}

  /* ==========================================================================
     19. Contact Page Styles
   ========================================================================== */


/* 19.1 Contact Form Styles */

form.contact-form .control-label{
	text-align:  left;
	font-size:   1.125em;
	line-height: 48px;
	padding:     0px;
	margin:      0px;
}
form.contact-form input{
	height:        48px;
	border-radius: 0px;
	box-shadow:    none!important;
	border:        2px solid #ecebe9;
	font-size:     15px;
	color:         #666666;
}
form.contact-form p.success {
	color:   #2aa117;
	display: none;
}
form.contact-form input:required{
	background: url("../images/astrix.png") no-repeat 96% ;
}
form.contact-form input:focus{
	border-color: #dfdfdf!important;
}
form.contact-form textarea:focus{
	border-color: #dfdfdf!important;
}
form.contact-form textarea {
	border-radius: 0px;
	box-shadow:    none!important;
	border:        2px solid #ecebe9;
	font-size:     15px;
	color:         #666666;
	padding:       15px 8px;
}
form.contact-form button[type="submit"] {
	margin-right: 34px;
}
#google-map {
	height: 330px;
}
#google-map img{
	max-width:none;
}

/* ==========================================================================
   20. Service Styles
 ========================================================================== */


.service-slider .carousel-control {
	position:     absolute;
	top:          93%;
	left:         15px;
	width:        30px;
	height:       30px;
	margin-top:   -20px;
	font-size:    41px;
	font-weight:  100;
	line-height:  28px;
	color:        #fff;
	text-align:   center;
	background:   #222;
	border:       none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	opacity:      .43;
	filter: alpha(opacity=43);
	text-decoration: none;
}
.service-slider .carousel-control.right {
	left: 50px;
}
.service-slider .carousel-control:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

/* ==========================================================================
   21. Media Queries
 ========================================================================== */

@media only screen and (min-width: 980px) and (max-width: 1200px) {

	.footer-subscribe-widget input{ max-width: 149px; }
	.portfolio-featured { top: -112px; max-width: 770px; }
	.portfolio-container #content { padding-top: 276px; }
	.portfolio-container .portfolio-title{ top: 0px; }
	.portfolio-featured .overlay { min-height: 318px; top: 0px; }
	.featured-intro{ max-width: 273px; min-height: 347px; padding: 30px; }
	.featured-intro>i.icon-caret-right{ top:24px; }
	.featured-slider{ max-width: 664px; }
	.featured-intro p { font-size: 1.39em; }
	.featured-box .featured-box-hover { padding: 13% 80px 0px 30px; }
	.home-v1-featured-slider .slide-content .slide-text { top: 36%; }
	.home-v2-featured-slider .slide-content .slide-text { top: 54%; }
	.home-v2-featured-slider {margin-left: 20px;}
	.page-heading-container i.icon-caret-down { left: 283px; }
	.twitter-widget ul li {padding-left: 0px;padding-top: 38px;}
	.portfolio-featured {top: -95px;max-width: 770px;}
	form.contact-form button[type="submit"] { margin-right: -5px; }

}
/* Higher than 960 (desktop devices) */
@media only screen and (min-width: 980px) {

	#mobile-navigation{ display: none!important; }

}

/* Higher than 960 (desktop devices) */
@media only screen and (max-width: 1200px) {

	.project-box i{ display: none; }
	.project-box h4 { padding-right: 10px; }
	.project-box p { padding-right: 10px; }
	.blue-hero-box .title { display: inherit; float: none; text-align: center; }
	.blue-hero-box .subtitle { float: none; display: inherit; text-align: center; }
	.blue-hero-box a { margin-left: 0px; display: table; margin: 0 auto; }
	.blue-hero-box { padding: 40px 50px 40px 50px; }
	ul.horizontal-tabs li { float: none; text-align: center; }
	.med-buttons { margin-bottom: 30px; }
	.blog-listing .post-footer { position: inherit; bottom: 0px; }
	.blog-listing .read-more-btn { margin-bottom: 10px; }
	.subscribe-box form .med-btn { padding: 12px 26px; font-size: 1.25em; }
	.comment-reply input { margin-left: 0px; display: block; max-width: 100%; width: 100%; }
	.subscribe-box form input { max-width: 138px; }
	.page-heading-container .portfolio-controls { top: 0px; }
	.page-heading-container .portfolio-controls a { font-size:  22px; }
	.cta-buttons a {display: table; margin: 0 auto!important; margin-bottom: 20px!important; }
	.portfolio-container .portfolio-title {  margin-top: 50px; }
	.subscribe-box h3 {font-size: 1.2em;}
}



/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 979px) {

	a.nav-toggle{ display: block; }
	nav#navigation{ display: none; }
	.home-v1-featured-slider .carousel-control.right { left: 71px; }
	.home-v1-featured-slider .slide-content .slide-text h1 { font-size: 1.5em; }
	.home-v1-featured-slider .slide-content .slide-text h4 { font-size: 1em; }
	.home-v1-featured-slider .slide-content .slide-text { padding-left: 15px; top:28%; }
	.home-v1-featured-slider .carousel-control { top: 84%; left: 18px; }

}
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
  .box-padding-both {
padding: 0 100px 0 25px;
}
.inner-footer {
padding-top: 45px;
}
.footer-subscribe-widget button {
padding: 8px 15px 7px 25px;
}
.subscribe-box h3 {
	padding-top: 16px;
font-size: 1em;
}
.subscribe-box {
padding-top: 24px;
padding-bottom: 32px;
}
.box-padding-left {
padding-left: 25px;
}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
  .box-padding-both {
padding: 0 25px 0 25px;
}
.box-padding-left {
padding-left: 25px;
}
.inner-footer {
padding-top: 45px;
}
.footer-subscribe-widget button {
padding: 8px 15px 7px 25px;
}
.subscribe-box h3 {
	padding-top: 16px;
font-size: 1em;
}
.subscribe-box {
padding-top: 24px;
padding-bottom: 32px;
}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 979px) {

	.footer-subscribe-widget input{ max-width: 95px!important; }
	.portfolio-featured { top: -112px; max-width: 608px; }
	.portfolio-featured .overlay { top: 0px; min-height: 260px; }
	.portfolio-container #content { padding-top: 209px; }
	.portfolio-container .portfolio-title{ top: 0px; }
	.featured-details { width: 326px; float: right; min-height: 428px; }
	.featured-intro{ float: left; }
	.featured-box .featured-box-hover { padding: 8% 10px 0px 19px; }
	.service-icon i {font-size: 50px;}
	.subscribe-box form .med-btn { padding: 12px 8px!important; font-size: 1.2em!important; }
	.subscribe-box form { margin-top: 16px; }
	.subscribe-box form input { max-width: 104px; }
	.home-v2-featured-slider .slide-content .slide-text { top: 44%; }
	.service-icon h4 { font-size: 1em; }
	.home-download-widget {display: none;}
	.footer-social a{font-size: 21px;}
	.home-v2-featured-slider { margin-left: 20px; }
	.page-heading-container i.icon-caret-down { left: 229px; }
	.twitter-widget ul li {padding-left: 0px;padding-top: 38px;}
	.recent .slide-content h2 {margin-top: 12px;font-size: 1.2em;line-height: 1.4;}
	.testimonials .slide-content h2 {margin-top: 12px;font-size: 1.2em;line-height: 1.4;}
	.demo-hide {display: none;}
	.service-text h3 {font-size: 1.100em;line-height: 25px;}
	.testimonials .slide-content span.author {margin-bottom: 8px;display: inline-block;}
	.testimonials .slide-content .desig {top: 11px;}
	.portfolio-featured { top: -100px; max-width: 608px; }
	.page-heading-container .portfolio-controls {margin-left: 0px;}
	.recent-projects .project-title {font-size: 14px;line-height: 1.4;margin-bottom: 6px;}
	.recent-projects span.project-category {font-size: 11px;}
	.recent-posts .post-title {font-size: 11px;}
	.recent-posts span.post-date {font-size: 11px;}
	.contact-widget div p {padding-left: 0px;padding-top: 38px; font-size: 12px;}
	form.contact-form button[type="submit"] { margin-right: -40px; }
}


/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

	#wrapper>.container {padding: 0 30px;}
	.social-title { display: none;}
	.featured-box { display: table; margin: 0 auto; margin-top: 20px; }
	#content,#sidebar { ;padding-right:0; }
	.featured-details { padding-top: 20px; max-width: 100%; }
	.featured-intro   { max-width: 100%; }
	.portfolio-large-featured>.pull-left,.portfolio-large-featured>.pull-right{ float: none; }
	.service-icon i {padding-right: 30px;}
	.project-box { display: table; margin: 0 auto; margin-top: 20px; }
	.inner-footer .span3{  margin-top: 40px; }
	.info-box { margin-bottom: 20px; }
	.service-box { margin-bottom: 20px; }
	.service-box img { display: table; margin: 0 auto; }
	.service-box .service-text { text-align: center; border: none; }
	.service-box:hover { background:#ffffff;  }
	.service-box:hover i { display: none; }
	.med-buttons { display: table; margin: 0 auto; float: none; }
	.small-buttons { max-width: 124px; display: table; margin: 0 auto; float: none; margin-top: 20px; margin-bottom: 30px; }
	.blog-listing { text-align: center; }
	.blog-listing img { display: table; margin: 0 auto; margin-bottom: 20px; }
	.blog-listing a.read-more-btn { display: table; margin: 0 auto; float: none; margin-bottom: 10px; }
	.blog-listing .post .post-footer { max-width: 100%!important; }
	.blog-listing .post .tags { float: none; }
	.blog-listing-alt .post {padding-right: 30px; }
	.blog-listing-alt .post i.icon-chevron-right { display: none; }
	.comment-body .avatar-wrap a.reply { display:  inline-block; padding-right: 5px; padding-left: 5px; }
	#sidebar .widget {margin-right: 50px;}
	.recent-posts img { display: table; margin: 0 auto; }
	.recent-projects img { display: table; margin: 0 auto; }
	.recent-posts .post-details { display: table; margin: 0 auto; max-width: 260px; }
	.recent-projects .post-details { display: table; margin: 0 auto; max-width: 260px; }
	.download-widget span.date, .download-widget span.size {max-width: 100%; float: none; display: block; }
	.download-widget a { display: block;}
	.box-padding-both , .box-padding-right , .box-padding-left { padding: 0; }
	.header-container , .inner-footer {padding:0 30px;}
	#sidebar {padding-left: 30px;}
	.page-heading-container {padding: 0 30px;}
	.subscribe-box { text-align: center; overflow: hidden; }
	.subscribe-box form input {margin-left: 0px; margin-top: 10px; max-width: inherit; width: 100%;}
	.subscribe-box form .med-btn {margin-top: 10px; margin-left: 0px; margin-bottom: 20px; width: 100%; display: block;}
	.portfolio-featured { overflow: hidden; }
	.portfolio-featured .overlay {top: 0px;}
	.portfolio-container { padding-top: 240px!important; }
	.portfolio-container #content { padding-top: 50px; }
	.home-v2-featured-slider .slide-content .slide-text{ display: none;}
	.home-v2-featured-slider {margin-top: 30px;}
	.home-v1-featured-slider .slide-content .slide-text { display: none;}
	.page-heading-container i.icon-caret-down {display: none;}
	.gallery .img-small[data-id="1"], .gallery .img-small[data-id="2"], .gallery .img-small[data-id="3"] { margin-top: 30px; }
	.home-v2-featured-slider {margin-left: 0px;}
	.recent-projects .project-details {display: table;margin: 0 auto; max-width: 260px;}
	form.contact-form button[type="submit"] { margin-right: 0px; }
	.home-v2-featured-slider .carousel-control {width: 30px;height: 30px;font-size: 36px;line-height: 30px;}
	ul.horizontal-tabs li.active i.icon-caret-down {display: none;}
}


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {



}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {


	.home-v1-featured-slider .carousel-control { top: 71%; }
	.footer-subscribe-widget input {max-width: 150px;}
	a.nav-toggle { float: none!important; display: table; margin: 0 auto; top: -20px; }
	.logo { float: none!important;display: table;margin: 0 auto; }
	.red-cta-btn { text-align: center; padding: 22px 20px; font-size: 1em; }
	.cyan-cta-btn { text-align: center; padding: 22px 20px; font-size: 1em; }
	.blue-cta-btn { text-align: center; padding: 22px 20px; font-size: 1em; }
	.page-heading-container .top-social { float: none; display: table; margin-left: auto; margin-right: auto; }
	.page-heading-container p.title {float: none; display: table; margin-left: auto; text-align: center; margin-right: auto;}
	.page-heading-container p.social-title {display: none!important;}
	.page-heading-container p.title {float: none; display: table; margin-left: auto; text-align: center; margin-right: auto;}
	/*.gallery .img-large {display: none!important;}*/
	.recent a.posts-link {top: 50%;}
	.recent .slide-content {text-align: center;}
	.recent .carousel-control.left {top: 40%;}
	.recent .carousel-control {top: 30%;}
	.comment-info { margin-bottom: 20px; text-align: center; }
	.comment-reply form button {float: none;display: table;margin-left: auto;margin-right: auto;}
	.author-image {margin-bottom: 20px;}
	.blog-single-sidebar {display: none;}
	.category-dropdown {float: none!important;display: table;margin: 0 auto;}
	.portfolio-container { padding-top: 115px!important; }
	.portfolio-featured .overlay {display: none;}
	#main-footer {padding-bottom: 30px;}
	.service-icon i {padding-bottom: 50px;}
	#sidebar {padding-top: 30px;}
	.testimonials .slide-content h2 {font-size: 20px;line-height: 1.3;}
}




/*HTML FIXES*/

html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}

a:focus {outline: thin dotted;}

a:active, a:hover {outline: 0;}


abbr[title] { border-bottom: 1px dotted; }

b,strong {font-weight: bold;}

dfn {font-style: italic;}

hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}

mark {background: #ff0;color: #000;}

code,kbd,pre,samp {font-family: monospace, serif;font-size: 1em;}

pre {white-space: pre-wrap;}

q {quotes: "\201C" "\201D" "\2018" "\2019";}

small {font-size: 80%;}

sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}

sup {top: -0.5em;}

sub {bottom: -0.25em;}

img {border: 0;}

svg:not(:root) {overflow: hidden;}

figure {margin: 0;}

fieldset {border: 1px solid silver;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}

legend {border: 0;/* 1 */padding: 0;/* 2 */}

button,input,select,textarea {font-family: inherit;font-size: 100%;margin: 0;}

button,input {line-height: normal;}

button,select {text-transform: none;}

button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;}

button[disabled],html input[disabled] {cursor: default;}

input[type="checkbox"],input[type="radio"] {box-sizing: border-box;padding: 0;}

input[type="search"] {-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}

button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}

textarea {overflow: auto;vertical-align: top;}

table {border-collapse: collapse;border-spacing: 0;}

/* navicagatie */

.icon-caret-up:before {
    color: #80AA40;
}

#navigation ul ul li {

    background: #80AA40;
}

#navigation ul ul li:hover {
     background: #80AA40;
}

#navigation ul ul li a {
    color: #fff;
}

#navigation ul ul li a:hover {
    color: #061d45;
}

#navigation ul ul li.active a {
    color: #fff;
}

#navigation ul ul li a {
    border-bottom: 1px solid  rgba(255, 255, 255, 0.5);
}

#navigation ul ul li a.transparent-border:hover {
    border-bottom: 1px solid  rgba(255, 255, 255, 0.5)!important;
}

#navigation .nav-top-icon {
    top: 34px;
}

button.disabled{
    background-color: #DDDDDD;
    cursor:  not-allowed;
 }

 button.disabled:hover{
    background-color: #DDDDDD;
    cursor:  not-allowed;
 }

#content ul.margin12 li{
  margin-bottom: 12px;
}

#content ul.arrow.margin12 li{
  padding-left: 0.9em;
}

/*.edit{
  background-color:  #CCFFFF;
}*/


.modellen img.pull-left{
	margin: 0px 30px 20px 0;
  padding-top: 5px;
  padding-bottom: 10px;
}


/* referenties pagina */

.refContainer{
  width: 100%;
}

.referenties .ref img {
   padding-bottom: 25px;
}

.referenties .ref  {
   float: left;
   width: 23.5%;
   margin-right: 1.5%
}

.referenties .ref:last-child  {
   float: left;
   width: 23.5%;
   margin-right: 0%
}


@media only screen and (max-width: 479px) {
 .referenties .ref  {
   float: left;
   width: 47%;
   margin-right: 3%;
  }

  .referenties .ref:last-child  {
   float: left;
   width: 47%;
   margin-right: 0%
}

.referenties .ref img {
   padding-bottom: 10px;
}
}

.line {
    height: 5px;
    width: 100%;
    border-bottom: 1px solid #eeeeee;
    font-size: 0px;
    line-height: 0px;
    clear: both;
    margin: 15px 0px 30px 0px;
    padding: 0px;
}

/* actie pagina */

.bol-blue{
  position: relative;
  left: 0px;
  margin-top: 25px;
  z-index: 1;
  background-image:  url(../img/acties/bol-blauw.png);
  width: 83px;
  height: 83px;
  text-align: center;
}

.bol-blue .van{
  position: relative;
  color: #fff;
  top: 12px;
  font-size: 11px;
}

.bol-blue .prijs{
  position: relative;
  color: #fff;
  top: 16px;
  font-size: 14px;
}

.bol-blue .optioneel{
  position: relative;
  color: #fff;
  top: 20px;
  font-size: 12px;
}

.bol-blue .prijs:before{
/*content:"\0020AC"; */
}

.bol-orange{
  position: relative;
  margin-top: -85px;
  left: 60px;
  z-index: 1;
  background-image:  url(../img/acties/bol-oranje.png);
  width: 183px;
  height: 180px;
  text-align: center;
}

.bol-orange .voor{
  position: relative;
  top: 40px;
  color: #fff;

}

.bol-orange .prijs {
  position: relative;
  color: #fff;
  top: 45px;
  font-size: 30px;
  margin-top: 2px;
}

.bol-orange .prijs p{
padding: 0px;
margin: 0px;
line-height: 40px;
}

.bol-orange .prijs h4{
padding: 0px;
margin: 0px;
line-height: 20px;
color: #fff;
}


.bol-orange .prijs p:before{
/*content:"\0020AC"; */
}

.bol-orange .voorwaarden{
position: relative;
  color: #fff;
  top: 40px;
  font-size: 12px;
  margin-top: 10px;
  font-style: italic;
}

.buttonContainer{
  position: relative;
  float: right;
  top: -120px;
  width:  260px;
  margin-right: 0px;
  height: 10px;
}

.buttonContainer .actieButton{
  text-align: center;
  width: 260px;
  height: 14px;
  padding: 15px 10px 15px 10px;
  color: #fff;
  font-size: 13px;
  margin-bottom: 5px;
  line-height: 2px;
  border-radius: 5px;

}

.buttonContainer .actieButton.nummer2:hover{
 box-shadow: 0 0 10px #808080;
}

 .buttonContainer .actieButton.nummer1{
    background-color: #002055;
}

.buttonContainer .actieButton.nummer2{
    background-color: #80aa40;
    cursor: pointer;
}

.buttonContainer .actieButton.nummer3{
    background-color: #939393;
}

a.email{
  text-decoration: none;
}

/* gallery pagina */

 .gallery .img-small{
   opacity: 1;
 }

.gallery .med-btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    display: block;
    font-size: 1em;
        text-align: center;
}

 .gallery h5{
    background: #001e45;
    margin-bottom: 0px;
    padding: 5px;
    font-weight: bold;
    color: #fff;
    text-transform: none;
    text-align: center;
    font-size: 1em;
 }

 .orangle-btn {
    background: #ffaa1f;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
}


@media only screen and (min-width: 376px) and (max-width: 768px) {
 .gallery h5{
    font-size: 11px;
 }
 .gallery .med-btn {
  font-size: 11px;
 }

 }







/* ==========================================================================
   21. Media Queries
 ========================================================================== */

 .featured-box {display: none; }
 .smallScreenLogos {display: none; }
 .smallScreenShowYes {display: none; }
 h1.title.smallScreenShowYes {display: none; }
 .grey-hero-box .title { margin-bottom: 15px; }

@media only screen and (min-width: 980px) and (max-width: 1200px) {
 .download-widget span.date, .download-widget span.size {max-width: 100%; float: none; display: block; }
 .featured-box { position: relative; margin-bottom: 16px;}

 .logo.pull-left a img{ max-width: 225px;}
}

/* Higher than 960 (desktop devices) */
@media only screen and (min-width: 980px) {
  #content img.pull-left,img.pull-right{ max-width: 370px; }
   .featured-box {display: block; }
}

/* Higher than 960 (desktop devices) */
@media only screen and (max-width: 1200px) {
  .red-cta-btn { width: 100%;  text-align: center;}
  .grey-hero-box a { margin-left: 0px; float:  none;}
  .grey-hero-box  { text-align: center;}
  .grey-hero-box .title  { text-align: center; float: none;} 
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 979px) {
    .extraOnderhoudInfo{
    display: block!important;
  }
}


@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */

}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 979px) {
   #sidebar{display: none; }


}


/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

h5.hideMax767{
    display: none;
  }

.span2.smallScreenImageCenter {
  text-align:  center;
}

.span2.smallScreenImageCenter img {
  padding-bottom: 30px;
}

.span3.smallScreenImageCenter {
  text-align:  center;
}

.span3.smallScreenImageCenter img {
  padding-bottom: 30px;
}

}


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

 /* #sidebar{display: none; }     */

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 767px) and (max-width: 979px) {

  #sidebar{display: none; }
  .acties .span6{
    width: 512px;
  }


}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
  /*#sidebar{display: none; }   */
  blockquote {display: none; }
  /*.grey-hero-box {display: none; }*/
  /*#home-v1-featured-slider{display: none;}  */
  .info-widget.vraag {display: none;}
  h1 {font-size: 26px;}
  h2 {font-size: 26px;}

  h1.title.smallScreenShowNo{display: none;}
  h1.title.smallScreenShowYes {display: block; }

  .all-service-icons{
    display: none;
  }

  .buttonContainer {
    position: relative;
    float: left;
    top: -120px;
    width:  100%;
    margin-right: 0px;
    height: 10px;
    padding-bottom: 20px;
}

.buttonContainer .actieButton {
    text-align: center;
    width: 100%;
    height: 50px;
    padding: 12px 10px;
    color: #FFF;
    font-size: 13px;
    margin-bottom: 5px;
    line-height: 14px;
    border-radius: 5px;
}

.bol-orange {
    position: relative;
    margin-top: -65px;
    left: 45px;
    z-index: 1;
    background-image: url("../images/acties/bol-oranje.png");
    width: 183px;
    height: 180px;
    text-align: center;
}


}


@media only screen and (max-width: 767px) {
  /*#sidebar{display: none; }   */
  .buttonContainer{
    margin-top: 150px;
  }

    .logo.pull-left a img {
    max-width: 275px;
}
}



/* Higher than 960 (desktop devices) */
@media only screen and (min-width: 767px) {
/* responsive contactform correcties */
.span9.contactform{
padding-left: 20px;
}

}










@font-face{font-family:'FontAwesome';src:url('fontawesome-webfont.eot');src:url('fontawesome-webfont.eot') format('embedded-opentype'),url('fontawesome-webfont.woff') format('woff'),url('fontawesome-webfont.ttf') format('truetype'),url('fontawesome-webfont.svg') format('svg');font-weight:normal;font-style:normal;}[class^="icon-"],[class*=" icon-"]{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;*margin-right:.3em;}
[class^="icon-"]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;speak:none;}
.icon-large:before{vertical-align:-10%;font-size:1.3333333333333333em;}
a [class^="icon-"],a [class*=" icon-"]{display:inline;}
[class^="icon-"].icon-fixed-width,[class*=" icon-"].icon-fixed-width{display:inline-block;width:1.1428571428571428em;text-align:right;padding-right:0.2857142857142857em;}[class^="icon-"].icon-fixed-width.icon-large,[class*=" icon-"].icon-fixed-width.icon-large{width:1.4285714285714286em;}
.icons-ul{margin-left:2.142857142857143em;list-style-type:none;}.icons-ul>li{position:relative;}
.icons-ul .icon-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;text-align:center;line-height:inherit;}
[class^="icon-"].hide,[class*=" icon-"].hide{display:none;}
.icon-muted{color:#eeeeee;}
.icon-light{color:#ffffff;}
.icon-dark{color:#333333;}
.icon-border{border:solid 1px #eeeeee;padding:.2em .25em .15em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.icon-2x{font-size:2em;}.icon-2x.icon-border{border-width:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.icon-3x{font-size:3em;}.icon-3x.icon-border{border-width:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.icon-4x{font-size:4em;}.icon-4x.icon-border{border-width:4px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
.icon-5x{font-size:5em;}.icon-5x.icon-border{border-width:5px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;}
.pull-right{float:right;}
.pull-left{float:left;}
[class^="icon-"].pull-left,[class*=" icon-"].pull-left{margin-right:.3em;}
[class^="icon-"].pull-right,[class*=" icon-"].pull-right{margin-left:.3em;}
[class^="icon-"],[class*=" icon-"]{display:inline;width:auto;height:auto;line-height:normal;vertical-align:baseline;background-image:none;background-position:0% 0%;background-repeat:repeat;margin-top:0;}
.icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"]{background-image:none;}
.btn [class^="icon-"].icon-large,.nav [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large,.nav [class*=" icon-"].icon-large{line-height:.9em;}
.btn [class^="icon-"].icon-spin,.nav [class^="icon-"].icon-spin,.btn [class*=" icon-"].icon-spin,.nav [class*=" icon-"].icon-spin{display:inline-block;}
.nav-tabs [class^="icon-"],.nav-pills [class^="icon-"],.nav-tabs [class*=" icon-"],.nav-pills [class*=" icon-"],.nav-tabs [class^="icon-"].icon-large,.nav-pills [class^="icon-"].icon-large,.nav-tabs [class*=" icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large{line-height:.9em;}
.btn [class^="icon-"].pull-left.icon-2x,.btn [class*=" icon-"].pull-left.icon-2x,.btn [class^="icon-"].pull-right.icon-2x,.btn [class*=" icon-"].pull-right.icon-2x{margin-top:.18em;}
.btn [class^="icon-"].icon-spin.icon-large,.btn [class*=" icon-"].icon-spin.icon-large{line-height:.8em;}
.btn.btn-small [class^="icon-"].pull-left.icon-2x,.btn.btn-small [class*=" icon-"].pull-left.icon-2x,.btn.btn-small [class^="icon-"].pull-right.icon-2x,.btn.btn-small [class*=" icon-"].pull-right.icon-2x{margin-top:.25em;}
.btn.btn-large [class^="icon-"],.btn.btn-large [class*=" icon-"]{margin-top:0;}.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x,.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-top:.05em;}
.btn.btn-large [class^="icon-"].pull-left.icon-2x,.btn.btn-large [class*=" icon-"].pull-left.icon-2x{margin-right:.2em;}
.btn.btn-large [class^="icon-"].pull-right.icon-2x,.btn.btn-large [class*=" icon-"].pull-right.icon-2x{margin-left:.2em;}
.nav-list [class^="icon-"],.nav-list [class*=" icon-"]{line-height:inherit;}
.icon-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:-35%;}.icon-stack [class^="icon-"],.icon-stack [class*=" icon-"]{display:block;text-align:center;position:absolute;width:100%;height:100%;font-size:1em;line-height:inherit;*line-height:2em;}
.icon-stack .icon-stack-base{font-size:2em;*line-height:1em;}
.icon-spin{display:inline-block;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear;}
a .icon-stack,a .icon-spin{display:inline-block;text-decoration:none;}
@-moz-keyframes spin{0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(359deg);}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(359deg);}}@-o-keyframes spin{0%{-o-transform:rotate(0deg);} 100%{-o-transform:rotate(359deg);}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg);} 100%{-ms-transform:rotate(359deg);}}@keyframes spin{0%{transform:rotate(0deg);} 100%{transform:rotate(359deg);}}.icon-rotate-90:before{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
.icon-rotate-180:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}
.icon-rotate-270:before{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
.icon-flip-horizontal:before{-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1);}
.icon-flip-vertical:before{-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1);}
a .icon-rotate-90:before,a .icon-rotate-180:before,a .icon-rotate-270:before,a .icon-flip-horizontal:before,a .icon-flip-vertical:before{display:inline-block;}
.icon-glass:before{content:"\f000";}
.icon-music:before{content:"\f001";}
.icon-search:before{content:"\f002";}
.icon-envelope-alt:before{content:"\f003";}
.icon-heart:before{content:"\f004";}
.icon-star:before{content:"\f005";}
.icon-star-empty:before{content:"\f006";}
.icon-user:before{content:"\f007";}
.icon-film:before{content:"\f008";}
.icon-th-large:before{content:"\f009";}
.icon-th:before{content:"\f00a";}
.icon-th-list:before{content:"\f00b";}
.icon-ok:before{content:"\f00c";}
.icon-remove:before{content:"\f00d";}
.icon-zoom-in:before{content:"\f00e";}
.icon-zoom-out:before{content:"\f010";}
.icon-power-off:before,.icon-off:before{content:"\f011";}
.icon-signal:before{content:"\f012";}
.icon-gear:before,.icon-cog:before{content:"\f013";}
.icon-trash:before{content:"\f014";}
.icon-home:before{content:"\f015";}
.icon-file-alt:before{content:"\f016";}
.icon-time:before{content:"\f017";}
.icon-road:before{content:"\f018";}
.icon-download-alt:before{content:"\f019";}
.icon-download:before{content:"\f01a";}
.icon-upload:before{content:"\f01b";}
.icon-inbox:before{content:"\f01c";}
.icon-play-circle:before{content:"\f01d";}
.icon-rotate-right:before,.icon-repeat:before{content:"\f01e";}
.icon-refresh:before{content:"\f021";}
.icon-list-alt:before{content:"\f022";}
.icon-lock:before{content:"\f023";}
.icon-flag:before{content:"\f024";}
.icon-headphones:before{content:"\f025";}
.icon-volume-off:before{content:"\f026";}
.icon-volume-down:before{content:"\f027";}
.icon-volume-up:before{content:"\f028";}
.icon-qrcode:before{content:"\f029";}
.icon-barcode:before{content:"\f02a";}
.icon-tag:before{content:"\f02b";}
.icon-tags:before{content:"\f02c";}
.icon-book:before{content:"\f02d";}
.icon-bookmark:before{content:"\f02e";}
.icon-print:before{content:"\f02f";}
.icon-camera:before{content:"\f030";}
.icon-font:before{content:"\f031";}
.icon-bold:before{content:"\f032";}
.icon-italic:before{content:"\f033";}
.icon-text-height:before{content:"\f034";}
.icon-text-width:before{content:"\f035";}
.icon-align-left:before{content:"\f036";}
.icon-align-center:before{content:"\f037";}
.icon-align-right:before{content:"\f038";}
.icon-align-justify:before{content:"\f039";}
.icon-list:before{content:"\f03a";}
.icon-indent-left:before{content:"\f03b";}
.icon-indent-right:before{content:"\f03c";}
.icon-facetime-video:before{content:"\f03d";}
.icon-picture:before{content:"\f03e";}
.icon-pencil:before{content:"\f040";}
.icon-map-marker:before{content:"\f041";}
.icon-adjust:before{content:"\f042";}
.icon-tint:before{content:"\f043";}
.icon-edit:before{content:"\f044";}
.icon-share:before{content:"\f045";}
.icon-check:before{content:"\f046";}
.icon-move:before{content:"\f047";}
.icon-step-backward:before{content:"\f048";}
.icon-fast-backward:before{content:"\f049";}
.icon-backward:before{content:"\f04a";}
.icon-play:before{content:"\f04b";}
.icon-pause:before{content:"\f04c";}
.icon-stop:before{content:"\f04d";}
.icon-forward:before{content:"\f04e";}
.icon-fast-forward:before{content:"\f050";}
.icon-step-forward:before{content:"\f051";}
.icon-eject:before{content:"\f052";}
.icon-chevron-left:before{content:"\f053";}
.icon-chevron-right:before{content:"\f054";}
.icon-plus-sign:before{content:"\f055";}
.icon-minus-sign:before{content:"\f056";}
.icon-remove-sign:before{content:"\f057";}
.icon-ok-sign:before{content:"\f058";}
.icon-question-sign:before{content:"\f059";}
.icon-info-sign:before{content:"\f05a";}
.icon-screenshot:before{content:"\f05b";}
.icon-remove-circle:before{content:"\f05c";}
.icon-ok-circle:before{content:"\f05d";}
.icon-ban-circle:before{content:"\f05e";}
.icon-arrow-left:before{content:"\f060";}
.icon-arrow-right:before{content:"\f061";}
.icon-arrow-up:before{content:"\f062";}
.icon-arrow-down:before{content:"\f063";}
.icon-mail-forward:before,.icon-share-alt:before{content:"\f064";}
.icon-resize-full:before{content:"\f065";}
.icon-resize-small:before{content:"\f066";}
.icon-plus:before{content:"\f067";}
.icon-minus:before{content:"\f068";}
.icon-asterisk:before{content:"\f069";}
.icon-exclamation-sign:before{content:"\f06a";}
.icon-gift:before{content:"\f06b";}
.icon-leaf:before{content:"\f06c";}
.icon-fire:before{content:"\f06d";}
.icon-eye-open:before{content:"\f06e";}
.icon-eye-close:before{content:"\f070";}
.icon-warning-sign:before{content:"\f071";}
.icon-plane:before{content:"\f072";}
.icon-calendar:before{content:"\f073";}
.icon-random:before{content:"\f074";}
.icon-comment:before{content:"\f075";}
.icon-magnet:before{content:"\f076";}
.icon-chevron-up:before{content:"\f077";}
.icon-chevron-down:before{content:"\f078";}
.icon-retweet:before{content:"\f079";}
.icon-shopping-cart:before{content:"\f07a";}
.icon-folder-close:before{content:"\f07b";}
.icon-folder-open:before{content:"\f07c";}
.icon-resize-vertical:before{content:"\f07d";}
.icon-resize-horizontal:before{content:"\f07e";}
.icon-bar-chart:before{content:"\f080";}
.icon-twitter-sign:before{content:"\f081";}
.icon-facebook-sign:before{content:"\f082";}
.icon-camera-retro:before{content:"\f083";}
.icon-key:before{content:"\f084";}
.icon-gears:before,.icon-cogs:before{content:"\f085";}
.icon-comments:before{content:"\f086";}
.icon-thumbs-up-alt:before{content:"\f087";}
.icon-thumbs-down-alt:before{content:"\f088";}
.icon-star-half:before{content:"\f089";}
.icon-heart-empty:before{content:"\f08a";}
.icon-signout:before{content:"\f08b";}
.icon-linkedin-sign:before{content:"\f08c";}
.icon-pushpin:before{content:"\f08d";}
.icon-external-link:before{content:"\f08e";}
.icon-signin:before{content:"\f090";}
.icon-trophy:before{content:"\f091";}
.icon-github-sign:before{content:"\f092";}
.icon-upload-alt:before{content:"\f093";}
.icon-lemon:before{content:"\f094";}
.icon-phone:before{content:"\f095";}
.icon-unchecked:before,.icon-check-empty:before{content:"\f096";}
.icon-bookmark-empty:before{content:"\f097";}
.icon-phone-sign:before{content:"\f098";}
.icon-twitter:before{content:"\f099";}
.icon-facebook:before{content:"\f09a";}
.icon-github:before{content:"\f09b";}
.icon-unlock:before{content:"\f09c";}
.icon-credit-card:before{content:"\f09d";}
.icon-rss:before{content:"\f09e";}
.icon-hdd:before{content:"\f0a0";}
.icon-bullhorn:before{content:"\f0a1";}
.icon-bell:before{content:"\f0a2";}
.icon-certificate:before{content:"\f0a3";}
.icon-hand-right:before{content:"\f0a4";}
.icon-hand-left:before{content:"\f0a5";}
.icon-hand-up:before{content:"\f0a6";}
.icon-hand-down:before{content:"\f0a7";}
.icon-circle-arrow-left:before{content:"\f0a8";}
.icon-circle-arrow-right:before{content:"\f0a9";}
.icon-circle-arrow-up:before{content:"\f0aa";}
.icon-circle-arrow-down:before{content:"\f0ab";}
.icon-globe:before{content:"\f0ac";}
.icon-wrench:before{content:"\f0ad";}
.icon-tasks:before{content:"\f0ae";}
.icon-filter:before{content:"\f0b0";}
.icon-briefcase:before{content:"\f0b1";}
.icon-fullscreen:before{content:"\f0b2";}
.icon-group:before{content:"\f0c0";}
.icon-link:before{content:"\f0c1";}
.icon-cloud:before{content:"\f0c2";}
.icon-beaker:before{content:"\f0c3";}
.icon-cut:before{content:"\f0c4";}
.icon-copy:before{content:"\f0c5";}
.icon-paperclip:before,.icon-paper-clip:before{content:"\f0c6";}
.icon-save:before{content:"\f0c7";}
.icon-sign-blank:before{content:"\f0c8";}
.icon-reorder:before{content:"\f0c9";}
.icon-list-ul:before{content:"\f0ca";}
.icon-list-ol:before{content:"\f0cb";}
.icon-strikethrough:before{content:"\f0cc";}
.icon-underline:before{content:"\f0cd";}
.icon-table:before{content:"\f0ce";}
.icon-magic:before{content:"\f0d0";}
.icon-truck:before{content:"\f0d1";}
.icon-pinterest:before{content:"\f0d2";}
.icon-pinterest-sign:before{content:"\f0d3";}
.icon-google-plus-sign:before{content:"\f0d4";}
.icon-google-plus:before{content:"\f0d5";}
.icon-money:before{content:"\f0d6";}
.icon-caret-down:before{content:"\f0d7";}
.icon-caret-up:before{content:"\f0d8";}
.icon-caret-left:before{content:"\f0d9";}
.icon-caret-right:before{content:"\f0da";}
.icon-columns:before{content:"\f0db";}
.icon-sort:before{content:"\f0dc";}
.icon-sort-down:before{content:"\f0dd";}
.icon-sort-up:before{content:"\f0de";}
.icon-envelope:before{content:"\f0e0";}
.icon-linkedin:before{content:"\f0e1";}
.icon-rotate-left:before,.icon-undo:before{content:"\f0e2";}
.icon-legal:before{content:"\f0e3";}
.icon-dashboard:before{content:"\f0e4";}
.icon-comment-alt:before{content:"\f0e5";}
.icon-comments-alt:before{content:"\f0e6";}
.icon-bolt:before{content:"\f0e7";}
.icon-sitemap:before{content:"\f0e8";}
.icon-umbrella:before{content:"\f0e9";}
.icon-paste:before{content:"\f0ea";}
.icon-lightbulb:before{content:"\f0eb";}
.icon-exchange:before{content:"\f0ec";}
.icon-cloud-download:before{content:"\f0ed";}
.icon-cloud-upload:before{content:"\f0ee";}
.icon-user-md:before{content:"\f0f0";}
.icon-stethoscope:before{content:"\f0f1";}
.icon-suitcase:before{content:"\f0f2";}
.icon-bell-alt:before{content:"\f0f3";}
.icon-coffee:before{content:"\f0f4";}
.icon-food:before{content:"\f0f5";}
.icon-file-text-alt:before{content:"\f0f6";}
.icon-building:before{content:"\f0f7";}
.icon-hospital:before{content:"\f0f8";}
.icon-ambulance:before{content:"\f0f9";}
.icon-medkit:before{content:"\f0fa";}
.icon-fighter-jet:before{content:"\f0fb";}
.icon-beer:before{content:"\f0fc";}
.icon-h-sign:before{content:"\f0fd";}
.icon-plus-sign-alt:before{content:"\f0fe";}
.icon-double-angle-left:before{content:"\f100";}
.icon-double-angle-right:before{content:"\f101";}
.icon-double-angle-up:before{content:"\f102";}
.icon-double-angle-down:before{content:"\f103";}
.icon-angle-left:before{content:"\f104";}
.icon-angle-right:before{content:"\f105";}
.icon-angle-up:before{content:"\f106";}
.icon-angle-down:before{content:"\f107";}
.icon-desktop:before{content:"\f108";}
.icon-laptop:before{content:"\f109";}
.icon-tablet:before{content:"\f10a";}
.icon-mobile-phone:before{content:"\f10b";}
.icon-circle-blank:before{content:"\f10c";}
.icon-quote-left:before{content:"\f10d";}
.icon-quote-right:before{content:"\f10e";}
.icon-spinner:before{content:"\f110";}
.icon-circle:before{content:"\f111";}
.icon-mail-reply:before,.icon-reply:before{content:"\f112";}
.icon-github-alt:before{content:"\f113";}
.icon-folder-close-alt:before{content:"\f114";}
.icon-folder-open-alt:before{content:"\f115";}
.icon-expand-alt:before{content:"\f116";}
.icon-collapse-alt:before{content:"\f117";}
.icon-smile:before{content:"\f118";}
.icon-frown:before{content:"\f119";}
.icon-meh:before{content:"\f11a";}
.icon-gamepad:before{content:"\f11b";}
.icon-keyboard:before{content:"\f11c";}
.icon-flag-alt:before{content:"\f11d";}
.icon-flag-checkered:before{content:"\f11e";}
.icon-terminal:before{content:"\f120";}
.icon-code:before{content:"\f121";}
.icon-reply-all:before{content:"\f122";}
.icon-mail-reply-all:before{content:"\f122";}
.icon-star-half-full:before,.icon-star-half-empty:before{content:"\f123";}
.icon-location-arrow:before{content:"\f124";}
.icon-crop:before{content:"\f125";}
.icon-code-fork:before{content:"\f126";}
.icon-unlink:before{content:"\f127";}
.icon-question:before{content:"\f128";}
.icon-info:before{content:"\f129";}
.icon-exclamation:before{content:"\f12a";}
.icon-superscript:before{content:"\f12b";}
.icon-subscript:before{content:"\f12c";}
.icon-eraser:before{content:"\f12d";}
.icon-puzzle-piece:before{content:"\f12e";}
.icon-microphone:before{content:"\f130";}
.icon-microphone-off:before{content:"\f131";}
.icon-shield:before{content:"\f132";}
.icon-calendar-empty:before{content:"\f133";}
.icon-fire-extinguisher:before{content:"\f134";}
.icon-rocket:before{content:"\f135";}
.icon-maxcdn:before{content:"\f136";}
.icon-chevron-sign-left:before{content:"\f137";}
.icon-chevron-sign-right:before{content:"\f138";}
.icon-chevron-sign-up:before{content:"\f139";}
.icon-chevron-sign-down:before{content:"\f13a";}
.icon-html5:before{content:"\f13b";}
.icon-css3:before{content:"\f13c";}
.icon-anchor:before{content:"\f13d";}
.icon-unlock-alt:before{content:"\f13e";}
.icon-bullseye:before{content:"\f140";}
.icon-ellipsis-horizontal:before{content:"\f141";}
.icon-ellipsis-vertical:before{content:"\f142";}
.icon-rss-sign:before{content:"\f143";}
.icon-play-sign:before{content:"\f144";}
.icon-ticket:before{content:"\f145";}
.icon-minus-sign-alt:before{content:"\f146";}
.icon-check-minus:before{content:"\f147";}
.icon-level-up:before{content:"\f148";}
.icon-level-down:before{content:"\f149";}
.icon-check-sign:before{content:"\f14a";}
.icon-edit-sign:before{content:"\f14b";}
.icon-external-link-sign:before{content:"\f14c";}
.icon-share-sign:before{content:"\f14d";}
.icon-compass:before{content:"\f14e";}
.icon-collapse:before{content:"\f150";}
.icon-collapse-top:before{content:"\f151";}
.icon-expand:before{content:"\f152";}
.icon-euro:before,.icon-eur:before{content:"\f153";}
.icon-gbp:before{content:"\f154";}
.icon-dollar:before,.icon-usd:before{content:"\f155";}
.icon-rupee:before,.icon-inr:before{content:"\f156";}
.icon-yen:before,.icon-jpy:before{content:"\f157";}
.icon-renminbi:before,.icon-cny:before{content:"\f158";}
.icon-won:before,.icon-krw:before{content:"\f159";}
.icon-bitcoin:before,.icon-btc:before{content:"\f15a";}
.icon-file:before{content:"\f15b";}
.icon-file-text:before{content:"\f15c";}
.icon-sort-by-alphabet:before{content:"\f15d";}
.icon-sort-by-alphabet-alt:before{content:"\f15e";}
.icon-sort-by-attributes:before{content:"\f160";}
.icon-sort-by-attributes-alt:before{content:"\f161";}
.icon-sort-by-order:before{content:"\f162";}
.icon-sort-by-order-alt:before{content:"\f163";}
.icon-thumbs-up:before{content:"\f164";}
.icon-thumbs-down:before{content:"\f165";}
.icon-youtube-sign:before{content:"\f166";}
.icon-youtube:before{content:"\f167";}
.icon-xing:before{content:"\f168";}
.icon-xing-sign:before{content:"\f169";}
.icon-youtube-play:before{content:"\f16a";}
.icon-dropbox:before{content:"\f16b";}
.icon-stackexchange:before{content:"\f16c";}
.icon-instagram:before{content:"\f16d";}
.icon-flickr:before{content:"\f16e";}
.icon-adn:before{content:"\f170";}
.icon-bitbucket:before{content:"\f171";}
.icon-bitbucket-sign:before{content:"\f172";}
.icon-tumblr:before{content:"\f173";}
.icon-tumblr-sign:before{content:"\f174";}
.icon-long-arrow-down:before{content:"\f175";}
.icon-long-arrow-up:before{content:"\f176";}
.icon-long-arrow-left:before{content:"\f177";}
.icon-long-arrow-right:before{content:"\f178";}
.icon-apple:before{content:"\f179";}
.icon-windows:before{content:"\f17a";}
.icon-android:before{content:"\f17b";}
.icon-linux:before{content:"\f17c";}
.icon-dribbble:before{content:"\f17d";}
.icon-skype:before{content:"\f17e";}
.icon-foursquare:before{content:"\f180";}
.icon-trello:before{content:"\f181";}
.icon-female:before{content:"\f182";}
.icon-male:before{content:"\f183";}
.icon-gittip:before{content:"\f184";}
.icon-sun:before{content:"\f185";}
.icon-moon:before{content:"\f186";}
.icon-archive:before{content:"\f187";}
.icon-bug:before{content:"\f188";}
.icon-vk:before{content:"\f189";}
.icon-weibo:before{content:"\f18a";}
.icon-renren:before{content:"\f18b";}