/*============================================================*/
/*---------- Import Bootstrap override ----------*/
/*============================================================*/
@import url('bootstrap-override.css');
/*============================================================*/
/*---------- Searching for particular element? ----------*/
/*============================================================*/
/*
Here is CSS structure...

1. TEMPLATE SETUP
	1.1 General styles
	1.2 Typography 
	1.3 Button and link styles
	1.4 List styles
	1.4 Image styles
	1.6 Spacers
	1.7 Blockquote
	1.8 Accordion
	1.9 Breadcrumb
	
2. TEMPLATE STRUCTURE
	2.1 Commons 
	2.2 Header
	2.3 Content 
			- features, team, client
	2.4 Portfolio
	2.5 Pricing
	2.6 Forms
	2.7 Footer
	2.8 Main menu / navigation

3. Media queries
    		- Media queries for sliders are in their own stylesheet.

4. Browser fix

/*============================================================*/
/*---------- 1. TEMPLATE SETUP ----------*/
/*============================================================*/
/*----------------------------------------*/
/*----- 1.1 General styles -----*/
/*----------------------------------------*/
.breadcrumbs{margin: -11px 0px;font-size: 12px;}
.info{font-size: 12px;}
.fotka{float:left; margin:0px 10px 10px 0px; width:300px; border:1px solid #C3C5C9; padding:5px; background-color:white;}
.all {
    margin: 10px 0px;
}
.toggle-div {
    border-bottom: 1px solid #EFEFEF;
    padding: 5px;
}
.no-border{border:0px !important;}
ul.usefull-links li {
    margin: 10px 10px 10px 0px !important;
	list-style-type: none;
}
body {
	background: url(../img/patterns/bg.gif) repeat fixed #ebebeb;
	font-family: "Open Sans",Arial,Helvetica,sans-serif;
	font-size: 15px;
	font-weight: normal;
	line-height: 1.5em;
	-webkit-text-size-adjust:100%;
}
img, embed, object, video {
	max-width: 100%;
	height: auto;
}
video {
	width: 100% !important;
	height: auto !important;
}
iframe {
	border: none;
}
/*----------------------------------------*/
/*----- 1.2 Typography -----*/
/*----------------------------------------*/
/*Only font family of all elements specified here, font sizes, weight etc. are in respective section*/
h1, h2, h3, h4, h5, h6, .mybtn, .mybtn-color, .mylink, .accordion-heading a, blockquote, label, input, button, select, textarea, input[type="text"], .submit, .sub-submit, .search-submit, .ddsmoothmenu, .ddsmoothmenu select {
	font-family: Arial, Helvetica, sans-serif;
}
/*Rest typography*/
h1, h2, h3, h4, h5, h6 {
	color: #3d3d3d;
	font-weight: bold;
	line-height: 1.3em;
	font-style: normal;
	margin-bottom: 15px;
}
h1 {
	font-size: 22px;
}
h2 {
	font-size: 18px;
	font-weight: normal;
}
h3 {
	font-size: 15px;
}
h4 {
	font-size: 14px;
	margin-bottom: 10px;
}
h4 span {
	font-size: 11px;
	color: #888;
	display: block;
	margin-top: 3px;
	font-weight: normal;
}
h5 {
	font-size: 12px;
	margin-bottom: 5px;
}
h5 span {
	font-size: 11px;
	font-weight: normal;
	display: block;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #3d3d3d !important;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	color: #2e9ba8 !important;
}
/*heading with border*/
.heading-border {
	width: 100%;
	position: relative;
	margin-top:30px;
}
.heading-border h3 {
font-family: "Open Sans",sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 1.125em;
margin-bottom: 0.5em;
text-transform: uppercase;
color: #00305A;
}
/*link*/
a:link {
	text-decoration: none;
	cursor: pointer;
	font-style: normal;
	outline: none;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
a:hover {
	text-decoration: none;
}
/*styles for text*/
.color {
	color: #2e9ba8!important;
	font-size: inherit !important;
	font-weight: inherit !important;
	text-transform: inherit !important;
	display: inline !important;
}
strong {
	font-weight: bold;
	color: #3d3d3d;
}
/*----------------------------------------*/
/*----- 1.3 Button and link styles -----*/
/*----------------------------------------*/

a {
	color: #0088cc;
	text-decoration: none;
}
a:hover {
	color: #005580;
	text-decoration: underline;
}
a.mybtnlink {
	color: #fff;
	text-decoration: none;
}
.map {
    width: 100%;
    height: 400px;
    border: 0;
	frameborder: 0; 
	scrolling:no;
}

.map iframe{
	width: 100%;
	display: block;
	pointer-events: none;
	position: relative; /* IE needs a position other than static */
}

.mybtn, .mybtn-color {
    color: #fff!important;
    background: #4983da;
    -webkit-box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.2);
    display: inline-block;
    padding: 7px 14px !important;
	    cursor: pointer;
}
.mylink {
	background: url(../img/btn-arr.png) no-repeat right 6px !important;
	padding-right: 15px !important;
	font-size: 12px;
	color: #fff !important;
	font-weight: bold;
	line-height: 12px;
	cursor: pointer;
}
.mybtn, .mybtn-color a{color: #fff!important;}

.mybtn-color {
	background:  #2e9ba8;
}
.mybtn-color:hover {
	background: #3d3d3d;
}


/*----------------------------------------*/
/*----- 1.4 List styles -----*/
/*----------------------------------------*/
/*list-checkmark*/
.list-checkmark li {
	background: url(../img/bullet-checkmark.png) no-repeat 0 4px;
	margin-bottom: 10px;
	padding-left: 25px;
	list-style-type: none;
	display: block;
}
/*list-border*/
.list-border li {
	background:  url(../img/box-list-divider.png) repeat-x bottom;
	width: 100% !important;
	padding-bottom: 8px;
	margin-bottom: 5px;
	margin-left: 0px !important;
	color: #3d3d3d;
	font-weight: bold;
	list-style-type: none;
	display: block;
}
/*unstyled list*/
.unstyled li {
	padding-bottom: 15px;
	margin: 0;
}
/*----------------------------------------*/
/*----- 1.5 Image styles -----*/
/*----------------------------------------*/
.img-left {
	float: left;
	margin-right: 20px;
}
.img-right {
	float: right;
	margin-left: 20px;
}
/*----------------------------------------*/
/*----- 1.6 spacers -----*/
/*----------------------------------------*/
/*use suitable height' spacer to separate rows*/
.spacer-10px, .spacer-20px, .spacer-30px {
	width: 100%;
	height: 10px;
	display: block;
	clear: both;
}
.spacer-20px {
	height: 20px !important;
}
.spacer-30px {
	height: 30px !important;
}
/*----------------------------------------*/
/*----- 1.7 Blockquote -----*/
/*----------------------------------------*/
/*blockquote with line*/
blockquote {
	border-left: 5px solid #2e9ba8;
	color: #888;
}
blockquote p {
	font-size: 13px;
	line-height: 1.4em;
	font-style: italic;
}
blockquote.pull-right {
	border-right: 5px solid #2e9ba8;
}
/*----------------------------------------*/
/*----- 1.8 Accordion -----*/
/*----------------------------------------*/
.accordion-group, .accordion-inner {
	border: 0px;
	border-radius: 0px;
}
.accordion-heading {
	background: transparent;
	border: 0;
	padding:0;
	margin: 0;
}
.accordion-heading .accordion-toggle {
	border-bottom: 0px;
	padding: 5px 0px;
	border-bottom: 1px solid #e7e7e7;
}
.accordion-heading a {
	font-size: 14px;
	color: #3d3d3d;
	font-weight: 700;
	outline: none;
	position: relative;
	-moz-transition: 0s;
	-webkit-transition:  0s;
	-o-transition:  0s;
	transition:  0s;
}
.accordion-inner {
	padding: 9px 0px;
	border-bottom: 1px solid #e7e7e7;
}
/*----------------------------------------*/
/*----- 1.9 Breadcrumb -----*/
/*----------------------------------------*/
.breadcrumb {
	padding: 5px 0px 0px 0px;
	margin: 0;
	font-size: 12px;
	background-color: transparent;
	list-style: none;
	text-shadow: none;
}
.breadcrumb .divider {
	padding: 0 5px;
	color: #888;
}
.breadcrumb li {
	text-shadow: none;
}
/*============================================================*/
/*---------- 2. TEMPLATE STRUCTURE ----------*/
/*============================================================*/
/*----------------------------------------*/
/*----- 2.1 Commons (classes which are used in all pages) -----*/
/*----------------------------------------*/
#wrapper {
	width: 100%;
	margin: 0 auto;
  background-color: #edeeef;
  -webkit-box-shadow: 0px 0px 50px #191919;
  -moz-box-shadow: 0px 0px 50px #191919;
  box-shadow: 0px 0px 50px #191919;
}
#content {
	z-index: 10;
	position: relative;
}
#home-content-top {
	margin-bottom: 30px;
	border-bottom: 1px solid #e7e7e7;
}
#content-top {
	padding: 20px 0px;
	margin-bottom: 30px;
	border-bottom: 1px solid #e7e7e7;
}
#content-top h1 {
	margin-bottom: 0px;
	float: left;
}
.main {
	float: left;
}
.sidebar {
	float: left;
	display: inline-block;
}
.box {
	background: #e7e7e7;
	padding: 20px;
}
/* list used as columns for features etc. */
.list-3col, .list-4col {
	margin-left: -20px;
}
.list-3col li {
	width: 300px;
	margin-left: 20px;
	list-style-type: none;
	float: left;
}
.list-4col li {
	width: 220px;
	margin-left: 20px;
	list-style-type: none;
	float: left;
}
.list-3col img, .list-4col img {
	margin-bottom: 10px;
}
/*----------------------------------------*/
/*----- 2.2 Header -----*/
/*----------------------------------------*/
.text{margin-left:10px;}
#header {
	background: #4983da;
	border-bottom: 1px solid #4872b0;
	padding: 2px 40px;
}
#header a {
	color: #fff;
}
#header a:hover {
	color: #fff;
}
/*info-top*/
.info-top {
	margin-top: 10px;
	float: right;
	display: block;
}
.info-top li {
	background: #fff;
	padding: 3px 8px;
	margin-left: 1px;
	list-style-type: none;
	float: left;
}
.info-top li img {
	margin-right: 10px;
	margin-top: 3px;
	float: left;
}
/*social*/
.social {
	float: right;
}
.social li {
	padding: 10px 10px;
	list-style-type: none;
	float: left !important;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.social li:hover {

}
.tweet {
	background: #5db5de !important;
}
.facebook {
	background: #3b5998 !important;
}
.pint {
	background: #c92228 !important;
}
.phone-inner {float:right;}
/*----------------------------------------*/
/*----- 2.3 Content -----*/
/*----------------------------------------*/
/*----- 2.3.1 features -----*/
.features-style1 img {
	margin-right: 20px;
	float: left;
}
.features-style2 img {
	margin-bottom: 10px;
}
.features-style1 strong, .features-style2 h4 {
	color: #2e9ba8;
}
/*----- 2.3.2 team -----*/
.team li {
	background: #e7e7e7;
}
.team-info {
	padding: 20px;
}
.team .social {
	float: left;
}
.team .social li {
	width: auto;
	padding: 0;
	margin: 0;
}
/*----- 2.3.3 client -----*/
.client {
	margin-left: -15px;
}
.client li {
	border: 1px solid #e7e7e7;
	margin-left: 15px;
	background: none;
	list-style-type: none;
	float: left;
}

/*----------------------------------------*/
/*----- 2.4 portfolio -----*/
/*----------------------------------------*/
.filter_nav {
	margin: 0px 0px 10px 0px;
	display: inline-block;
}
.filter_nav li {
	padding:0;
	margin: 0;
	display:inline;
	list-style-type: none;
	float: left;
}
.filter_nav li a {
	padding: 8px 15px 7px 14px;
	margin-right: 15px;
	font-size: 12px;
	color: #3d3d3d;
	font-weight: bold;
	line-height: 12px;
	cursor: pointer;
	border: none;
	width: auto;
	height: auto;
	display: inline-block;
	outline: none;
}
.filter_nav li a:hover, .filter_nav li.active a {
	background: #3d3d3d;
	color: #efefef;
}
/*3 & 4 column portfolio*/
.portfolio_3column, .portfolio_4column {
	margin-left: -20px;
}
.portfolio_3column li, .portfolio_4column li {
	height: auto;
	margin: 0px 0px 20px 20px;
	list-style-type: none;
	float: left;
}
.portfolio_3column li {
	width: 300px;
}
.portfolio_4column li {
	width: 220px;
}
/*thumb,link,zoom*/
.thumb {
	position: relative;
	margin-bottom: 10px;
}
.link {
	background: url(../img/arr.png) no-repeat #3d3d3d;
	width: 30px;
	height: 30px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -15px;
	margin-top: -15px;
	filter:alpha(opacity=90);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}
.zoom {
	background: url(../img/plus.png) no-repeat #3d3d3d;
	width: 30px;
	height: 30px;
	position: absolute;
	left: 50%;
	top: 50%;
	right: auto;
	margin-left: -15px;
	margin-top: -15px;
	filter:alpha(opacity=90);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}
.link:hover {
	background: url(../img/arr.png) no-repeat #2e9ba8;
}
.zoom:hover {
	background:  url(../img/plus.png) no-repeat #2e9ba8;
}
/*----------------------------------------*/
/*----- 2.5 pricing -----*/
/*----------------------------------------*/
.pricing table {
	background: #efefef;
	width: 100%;
	font-size: 12px;
	text-align: center;
}
/*thead*/
.pricing table thead th {
	background: #3d3d3d;
	width: auto;
	padding: 20px;
	font-size: 20px;
	line-height: 20px;
	color: #fff;
}
/*tfoot*/
.pricing table tfoot td {
	background: #3d3d3d;
	padding: 10px 20px !important;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.pricing table tfoot td:hover {
	background: #2e9ba8!important;
}
/*table content*/
.pricing table td {
	width: auto;
	padding: 20px;
}
.pricing table ul li {
	background: url(../img/box-list-divider.png) repeat-x bottom;
	margin-bottom: 10px;
	padding-bottom: 10px;
	list-style-type: none;
	display: block;
}
.pricing table ul li:last-child {
	margin-bottom: 0px;
	padding-bottom: 0px;
	background: none;
}
.td-styled {
	background: #888888;
	padding: 40px 20px !important;
	font-size: 36px;
	color: #fff;
}
/*focused table*/
.focused .td-styled, .focused thead th, .focused tfoot td {
	background: #2e9ba8!important;
}
.focused .triangle {
	border-top: 10px solid #2e9ba8;
}
/*triangle shape*/
.triangle-wrapper {
	position: relative;
}
.triangle {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #3d3d3d;
	position: absolute;
	top: auto;
	bottom: -30px;
	left: 50%;
	margin-left: -10px;
}
/*----------------------------------------*/
/*----- 2.6 forms -----*/
/*----------------------------------------*/
/*common properties for contact and subscribe form*/
.title {
    height: 115px;
    margin-top: -112px;
    color: #FFF;
    background: rgba(23, 66, 105, 0.9) none repeat scroll 0% 0%;
}
.title p{font-family: "Open Sans",sans-serif;
font-weight: 600;
font-size: 1.8em;
padding:20px;
line-height: 1.5em;}
#form ul.inputs {
  list-style-type: none;
  background: white;
  border-right:1px solid #C3C5C9;
  border-left:1px solid #C3C5C9;
  border-bottom:1px solid #C3C5C9;
  margin-top: 0;
  padding: 20px;
  color: #707070;
  overflow: hidden;
}
form {
	margin: 0;
	padding: 0;
	z-index: 0;
}
form p {
	margin-bottom: 20px;
	padding-bottom: 0px;
	background: none;
	list-style-type: none;
}
/*to enable error in text format, remove 'display:none' and enable font-size and color of 'form label.error'*/
form label.error {
	display: none !important;/*font-size: 11px;
	color: #b94a48;*/
}
form input.error, form textarea.error {
	border-color: #b94a48 !important;
	box-shadow: none;
}
label, input, button, select, textarea, input[type="text"] {
	font-size: 12px;
	font-weight: 400;
	line-height: 1.8em;
}
.button{
background: #4092D9 url("../img/header.png") repeat-x scroll 0% 0%;
border: 1px solid #0074D9;
display: block;
color: #FFF;
font-family: "Open Sans",sans-serif;
font-size: 1em;
font-weight: bold;
text-transform: uppercase;
padding: 10px 32px;
text-decoration: none;
position: relative;
}
.button2 {
    background: #0074D9 url("../img/header2.png") repeat-x scroll 0% 0%;
    border: 1px solid #0074D9;
    color: #FFF;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
    padding: 2px 10px;
    text-decoration: none;
    position: relative;
}
.button:hover, .button2:hover {
    background: #0074D9 url("../img/header2.png") repeat-x scroll 0% 0%;
}
.formular{margin-top:-61px;margin-left:20px;}
label {
	color: #3d3d3d;
	line-height: 1.3em;
}
input[type="text"], select, textarea {
	width: 95% !important;
	height: 20px;
	padding: 5px;
	margin: 0;
	display: inline-block;
	background-color: #fafafa;
	border: 1px solid #c3c5c9;
	border-radius: 0px;
	box-shadow: none;
	-webkit-transition: border linear 0.2s;
	-moz-transition: border linear 0.2s;
	-ms-transition: border linear 0.2s;
	-o-transition: border linear 0.2s;
	transition: border linear 0.2s;
}
textarea {
	min-height: 112px;
	height: auto;
	width: 95% !important;
	padding: 5px;
}
select {
	width: 97% !important;
	height: 33px;
}
textarea:focus, input[type="text"]:focus, select:focus {
	box-shadow: none;
}
.submit, .sub-submit {
	background: #3d3d3d;
	padding: 9px 8px 8px 7px;
	font-size: 12px;
	color: #efefef !important;
	line-height: 12px;
	font-weight: 600;
	cursor: pointer;
	border: none;
	width: auto;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.submit:hover {
	background: #2e9ba8;
}
/*----- subscribe -----*/
#subform p {
	margin-bottom: 7px;
}
#subform input[type="text"] {
	width: 170px !important;
	height: 23px;
	float: left;
	margin: 0;
	background: #fff;
}
.sub-submit {
	height: 35px;
	background: #2e9ba8;
}


/*----- savjeti -----*/
#savjeti {
    min-height: 100px;
    background-color: #FAFAFA;
    border-top: 1px solid #C3C5C9;
    display: block;
    color: #5A5A5A;
    font-family: "Ubuntu",Arial !important;
    font-weight: 300;
	padding: 0px 40px;
}
.podnaslov{font-weight: 600;
font-size: 15px;
line-height: 1.125em;
margin: 10px 0px;
text-transform: uppercase;
color: #00305A;}
/*----------------------------------------*/
/*----- 2.7 Footer -----*/
/*----------------------------------------*/
#footer {
clear: both;
background: #EFEFEF none repeat scroll 0% 0%;
color: #5A5A5A;
font-size: 13px;
position: relative;
margin: 0px;
padding: 15px 40px;
border-top: 1px solid #C3C5C9;
}
#footer p {
	margin:0px !important;
}
#footer .breadcrumb a {
	color: #888;
}
#footer .breadcrumb a:hover {
	color: #2e9ba8;
}
/*----- twitter feed -----*/
#twitter li {
	list-style-type: none;
	margin-bottom: 20px;
}
#twitter p, #twitter li {
	padding: 0;
	margin: 0;
}
.elements {float:right;}
/*----------------------------------------*/
/*----- 2.8 Menu / Navigation -----*/
/*----------------------------------------*/
.logo{float:left;margin-top:5px;}
.logo li {
	padding: 10px 0px;
	list-style-type: none;
	float: left !important;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.menu-wrapper {
	
}
.ddsmoothmenu {
	background: transparent scroll;
	width: 100%;
	color: #efefef !important;
}
.ddsmoothmenu ul {
	z-index:100;
	padding: 12px 0px;
	list-style-type: none;
	float: left;
	background: #transparent;
	box-shadow: none;
}
.ddsmoothmenu ul li {
	padding: 5px 2px;
	position: relative;
	display: inline;
	float: left;
	    margin: 0 10px;
}

.ddsmoothmenu ul li ul li:hover {
background: #4872b0;
}
.menu-img{padding:0px !important; margin-right:50px}
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited {
	display: block;
	font-family: Verdana, sans-serif;
	font-weight: 300;
	text-decoration: none;
	outline: none;
	line-height: 1em;
	color: #fff !important;
	opacity: 0.5;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
* html .ddsmoothmenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
	color: #fff;
}
.ddsmoothmenu ul li a:hover, .ddsmoothmenu ul li ul li a:hover {
opacity: 1;
}
.active{opacity: 1 !important;}
.ddsmoothmenu ul li a.selected, .ddsmoothmenu ul li ul li a.selected {
	color: #fff!important;
}
/*1st sub level menu*/
.ddsmoothmenu ul li ul {
	position: absolute;
	left: 0;
	display: none; /*collapse all sub menus to begin with*/
	visibility: hidden;
	border:1px solid #4872b0;
		margin-top: 0px;
		padding: 0px;
		top:37px !important;
		  -webkit-box-shadow: 0px 0px 10px #191919;
  -moz-box-shadow: 0px 0px 10px #191919;
  box-shadow: 0px 0px 10px #191919;
}
.ddsmoothmenu ul li ul li {
	display: list-item;
	float: none;
	box-shadow: none !important;
	background: #467ed0;
	border-right: 0px;
		margin-top: 0px;
		padding: 10px 20px;
}
/*2nd sub level menu*/
.ddsmoothmenu ul li ul li ul {
	margin-left: 0px;
	margin-top: 0px;
	border-top: 0px solid #2590bd;
	top:0px !important;
}
/* Sub level menu links style */
.ddsmoothmenu ul li ul li a {
	width: 140px; /*width of sub menus*/
	margin: 0;
	color: #fff !important;
	line-height: 1em;
	font-size: 13px !important;
	border-right: 0px;
	padding: 0;
}
/* Holly Hack for IE \*/
* html .ddsmoothmenu {
	height: 1%;
} /*Holly Hack for IE7 and below*/
/* CSS classes applied to down and right arrow images */
.downarrowclass {
	display: none;
}
.rightarrowclass {
	display: none;
}
/*Menu select*/
.ddsmoothmenu select {
	display: none;
	cursor: pointer !important;
	color: #888 !important;
	outline: none;
	border: 1px solid #888;
	width: 100%;
	padding: 5px 10px;
	background: #efefef;
	font-size: 12px;
	height: auto;
	margin: 0 auto;
}
/*============================================================*/
/*---------- 3. Media queries ----------*/
/*============================================================*/
/*----------------------------------------*/
/*----- 3.1 Mobile (Portrait) / Design for a width of 320px -----*/
/*----------------------------------------*/

@media only screen and (max-width: 767px) {
/*commons*/
body {
 padding: 0;
}
.container {
 padding-left: 20px;
 padding-right: 20px;
}
#wrapper {
 width: 100%;
 -webkit-box-shadow: none !important;
 -moz-box-shadow: none !important;
 box-shadow: none !important;
}
.heading-border {
 width: 100%;
 border-top: 0px dotted #e5e5e5;
 margin-bottom: 0px;
 position: relative;
}
.heading-border h3 {
 font-size: 15px;
 padding-right: 0px;
 position: relative;
 top: 0;
 left: 0;
 margin-bottom: 20px;
}
.formular {
    margin-top: 0px;
    margin-left: 0px;
}
.title {
    margin-top: 0px;
}
.span6{width:50%; float:left;}
#home-content-top {
margin-top: 0px;
}
.list-3col, .list-4col {
 margin-left: 0px;
}
.list-3col li, .list-4col li {
 width: 100%;
 margin-left: 0px;
 margin-bottom: 30px;
 display: block;
}
.list-3col li li, .list-4col li li {
 width: auto;
 margin-bottom: 0px;
 display: inline;
}
.portfolio_3column, .portfolio_4column {
 margin-left: 0px;
 text-align: left;
}
.portfolio_3column li, .portfolio_4column li {
 width: 100%;
 margin: 0px 0px 20px 0px;
 display: block !important;
 text-align: left;
 float: none;
}
.list-3col li .thumb, .list-4col li .thumb, .portfolio_3column li .thumb, .portfolio_4column li .thumb {
max-width: 300px;
}
/*header*/
.menu-wrapper {
 margin-top: 10px;
 background: transparent;
}
.ddsmoothmenu ul {
display: none;
}
.ddsmoothmenu select {
display: inline-block;
}
#header .breadcrumb {
display: none;
/*float: left !important;
margin-top: 20px !important;*/
}
.info-top {
 margin-top: 10px;
 float: left;
}
.info-top li {
 margin-left: 0px;
 margin-bottom: 1px;
 margin-right: 1px;
}
.social {
 float: left;
 margin-top: 10px;
 margin-bottom: 10px;
}
/*content*/
#content-top .breadcrumb {
float: left !important;
margin-top: 5px !important;
}
#content-top h1 {
display: block;
float: none;
}
.client li {
margin-bottom: 10px;
}
.team li {
background: transparent;
}
.team-info {
padding: 20px 0px;
}
.map {
height: 200px;
}
.pricing {
margin-bottom: 20px;
}
/*footer*/
#footer p {
margin: 0px;
}
}
/*----------------------------------------*/
/*----- 3.2 Mobile (Landscape) / Design for a width of 480px -----*/
/*----------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
}
 
/*----------------------------------------*/
/*----- 3.3 Tablet (Portrait) / Design for a width of 768px -----*/
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
/*commons*/
#wrapper {
 width: 100%;
}
.list-3col li {
 width: 228px;
}
.list-4col li {
 width: 166px;
}
.portfolio_3column li {
 width: 228px;
}
.portfolio_4column li {
 width: 166px;
}
#subform input[type="text"] {
 width: 120px !important;
}
/*header*/
.ddsmoothmenu ul {
display: none;
}
.ddsmoothmenu select {
 width: 100% !important;
 margin: 10px 0px 0px 0px;
 float: left;
 border: 1px solid #888;
 display: inline-block;
}
/*content*/
.client li {
margin-bottom: 10px;
}
.td-styled {
 font-size: 26px;
}
}

/*============================================================*/
/*---------- 4. Browser fix (IE8) ----------*/
/*============================================================*/
@media \0screen {
.info-top li img {
	display: none;
}
#wrapper {
	border: 1px solid #e6e6e6;
	border-width: 0px 1px 0px 1px;
}
}