.logoimage {padding-top: 15px}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0px; }
[hidden] { display: none; }
html { font-family: sans-serif; text-size-adjust: 100%; }
body {margin: 0px; }
.gall a:focus { outline: dotted thin; }
.gall a:active, a:hover { outline: 0px; }
h1 { margin: 0.67em 0px; font-size: 2em; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
hr { height: 0px; box-sizing: content-box; }
mark { color: rgb(0, 0, 0); background: rgb(255, 255, 0); }
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }
pre { white-space: pre-wrap; }
q { quotes: "“" "”" "‘" "’"; }
small { font-size: 80%; }
sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0px; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0px; }
fieldset { padding: 0.35em 0.625em 0.75em; margin: 0px 2px; border: 1px solid rgb(192, 192, 192); }
legend { padding: 0px; border: 0px; }
button, input, select, textarea { margin: 0px; font-family: inherit; font-size: 100%; }
button, input { line-height: normal; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
button[disabled], html input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { padding: 0px; box-sizing: border-box; }
input[type="search"] { box-sizing: content-box; -webkit-appearance: textfield; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
textarea { overflow: auto; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0px; }
*, ::before, ::after { box-sizing: border-box; }
html { font-size: 62.5%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857; color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); }
input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }
button, input, select[multiple], textarea { background-image: none; }
.gall a { color: rgb(66, 139, 202); text-decoration: none; }
.gall a:hover, a:focus { color: rgb(42, 100, 150); text-decoration: underline; }
.gall a:focus { outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px; }
img { vertical-align: middle; }
hr { margin-top: 20px; margin-bottom: 20px; border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgb(238, 238, 238); }
p { margin: 0px 0px 10px; }
small { font-size: 85%; }
cite { font-style: normal; }
h1, h2, h3 { margin-top: 20px; margin-bottom: 10px; }
h4, h5, h6 { margin-top: 10px; margin-bottom: 10px; }
ul, ol { margin-top: 0px; margin-bottom: 10px; }
ul ul, ol ul, ul ol, ol ol { margin-bottom: 0px; }
dl { margin-bottom: 20px; }
dt, dd { line-height: 1.42857; }
dt { font-weight: bold; }
dd { margin-left: 0px; }
abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted rgb(153, 153, 153); }
blockquote { padding: 10px 20px; margin: 0px 0px 20px; border-left: 5px solid rgb(238, 238, 238); }
blockquote p { font-size: 17.5px; font-weight: 300; line-height: 1.25; }
blockquote p:last-child { margin-bottom: 0px; }
blockquote small { display: block; line-height: 1.42857; color: rgb(153, 153, 153); }
blockquote small::before { content: "— "; }
blockquote.pull-right { padding-right: 15px; padding-left: 0px; border-right: 5px solid rgb(238, 238, 238); border-left: 0px; }
blockquote.pull-right p, blockquote.pull-right small { text-align: right; }
blockquote.pull-right small::before { content: ""; }
blockquote.pull-right small::after { content: " —"; }
q::before, q::after, blockquote::before, blockquote::after { content: ""; }
address { display: block; margin-bottom: 20px; font-style: normal; line-height: 1.42857; }
code, pre { font-family: Monaco, Menlo, Consolas, "Courier New", monospace; }
code { padding: 2px 4px; font-size: 90%; color: rgb(199, 37, 78); white-space: nowrap; background-color: rgb(249, 242, 244); border-radius: 4px; }
pre { display: block; padding: 9.5px; margin: 0px 0px 10px; font-size: 13px; line-height: 1.42857; color: rgb(51, 51, 51); word-break: break-all; word-wrap: break-word; background-color: rgb(245, 245, 245); border: 1px solid rgb(204, 204, 204); border-radius: 4px; }
pre code { padding: 0px; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border: 0px; }
.container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
.container::before, .container::after { display: table; content: " "; }
.container::after { clear: both; }
.container::before, .container::after { display: table; content: " "; }
.container::after { clear: both; }
table { max-width: 100%; background-color: transparent; }
th { text-align: left; }
table col[class*="col-"] { display: table-column; float: none; }
table td[class*="col-"], table th[class*="col-"] { display: table-cell; float: none; }
.table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { background-color: rgb(245, 245, 245); }
fieldset { padding: 0px; margin: 0px; border: 0px; }
legend { display: block; width: 100%; padding: 0px; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: rgb(51, 51, 51); border-width: 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-top-color: initial; border-right-color: initial; border-left-color: initial; border-image: initial; border-bottom-style: solid; border-bottom-color: rgb(229, 229, 229); }
label { display: inline-block; margin-bottom: 5px; font-weight: bold; }
input[type="search"] { box-sizing: border-box; }
input[type="radio"], input[type="checkbox"] { margin: 4px 0px 0px; line-height: normal; }
input[type="file"] { display: block; }
select[multiple], select[size] { height: auto; }
select optgroup { font-family: inherit; font-size: inherit; font-style: inherit; }
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px; }
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { height: auto; }
.btn:active, .btn.active { background-image: none; outline: 0px; box-shadow: rgba(0, 0, 0, 0.125) 0px 3px 5px inset; }
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { color: rgb(51, 51, 51); background-color: rgb(235, 235, 235); border-color: rgb(173, 173, 173); }
.btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { background-image: none; }
.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { background-color: rgb(255, 255, 255); border-color: rgb(204, 204, 204); }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { color: rgb(255, 255, 255); background-color: rgb(50, 118, 177); border-color: rgb(40, 94, 142); }
.btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { background-image: none; }
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color: rgb(66, 139, 202); border-color: rgb(53, 126, 189); }
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning { color: rgb(255, 255, 255); background-color: rgb(237, 156, 40); border-color: rgb(213, 133, 18); }
.btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning { background-image: none; }
.btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active { background-color: rgb(240, 173, 78); border-color: rgb(238, 162, 54); }
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger { color: rgb(255, 255, 255); background-color: rgb(210, 50, 45); border-color: rgb(172, 41, 37); }
.btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger { background-image: none; }
.btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active { background-color: rgb(217, 83, 79); border-color: rgb(212, 63, 58); }
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { color: rgb(255, 255, 255); background-color: rgb(71, 164, 71); border-color: rgb(57, 132, 57); }
.btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { background-image: none; }
.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { background-color: rgb(92, 184, 92); border-color: rgb(76, 174, 76); }
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info { color: rgb(255, 255, 255); background-color: rgb(57, 179, 215); border-color: rgb(38, 154, 188); }
.btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info { background-image: none; }
.btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active { background-color: rgb(91, 192, 222); border-color: rgb(70, 184, 218); }
.dropdown-menu.pull-right { right: 0px; left: auto; }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(66, 139, 202); outline: 0px; }
.pull-right > .dropdown-menu { right: 0px; left: auto; }
.btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active { z-index: 2; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: rgb(85, 85, 85); cursor: default; background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(221, 221, 221) rgb(221, 221, 221) transparent; border-image: initial; }
.nav-tabs.nav-justified > .active > a { border-bottom-color: rgb(255, 255, 255); }
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: rgb(255, 255, 255); background-color: rgb(66, 139, 202); }
.nav-tabs-justified > .active > a { border-bottom-color: rgb(255, 255, 255); }
.tab-content > .active, .pill-content > .active { display: block; }
.container > .navbar-header, .container > .navbar-collapse { margin-right: -15px; margin-left: -15px; }
.navbar-nav.pull-right > li > .dropdown-menu, .navbar-nav > li > .dropdown-menu.pull-right { right: 0px; left: auto; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: rgb(85, 85, 85); background-color: rgb(231, 231, 231); }
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: rgb(255, 255, 255); background-color: rgb(8, 8, 8); }
.breadcrumb > .active { color: rgb(153, 153, 153); }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: rgb(255, 255, 255); cursor: default; background-color: rgb(66, 139, 202); border-color: rgb(66, 139, 202); }
a.list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: rgb(66, 139, 202); background-color: rgb(255, 255, 255); }
.container .jumbotron { border-radius: 6px; }
.progress.active .progress-bar { animation: progress-bar-stripes 2s linear infinite; }
.media > .pull-left { margin-right: 10px; }
.media > .pull-right { margin-left: 10px; }
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { z-index: 2; color: rgb(255, 255, 255); background-color: rgb(66, 139, 202); border-color: rgb(66, 139, 202); }
.list-group-item.active .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading { color: inherit; }
.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text { color: rgb(225, 237, 247); }
.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; }
.carousel-inner > .active { left: 0px; }
.carousel-indicators .active { width: 12px; height: 12px; margin: 0px; background-color: rgb(255, 255, 255); }
.clearfix::before, .clearfix::after { display: table; content: " "; }
.clearfix::after { clear: both; }
.pull-right { float: right !important; }
.pull-left { float: left !important; }
.owl-theme .owl-controls .owl-page.active span { position: relative; top: -3px; bottom: -3px; width: 20px; height: 20px; background-color: rgb(51, 51, 51); }
::selection { background: rgb(0, 0, 0); color: rgb(255, 255, 255); }
footer ::selection { background: rgb(255, 255, 255); color: rgb(0, 0, 0); }
body { overflow-x: hidden; position: relative; margin: 0px; padding: 0px; font-family: Roboto, sans-serif; font-weight: 300; font-size: 13px; line-height: 20px; color: rgb(102, 102, 102); background-color: rgb(255, 255, 255); }
#page { overflow-x: hidden; position: relative; z-index: 5; }
section {background-color: #8c8c8c;; }
.container { padding-left: 0px; padding-right: 0px; }
a, input, select, textarea { vertical-align: top; -webkit-appearance: none; border-radius: 0px; outline: none !important; }
textarea { resize: none; }
img { outline: 0px; vertical-align: top; border: 0px; max-width: 100.1%; height: auto; }
.gall a { color: rgb(153, 153, 153); transition: all 0.3s ease-in-out; }
.gall a:hover, a:focus { text-decoration: none; color: rgb(51, 51, 51); }
hr { border-color: rgb(237, 237, 237); }
ul, ol { padding: 0px; margin: 0px; }
li { padding: 0px; margin: 0px; list-style: none; }
p { margin: 0px 0px 20px; }
h1, h2, h3, h4, h5, h6 { margin-top: 0px; font-family: Roboto, sans-serif; text-transform: none; font-weight: 300; color: rgb(51, 51, 51); }
h1 { margin: 0px 0px 26px; line-height: 46px; font-size: 46px; }
h2 { margin: 0px 0px 26px; line-height: 40px; font-size: 40px; }
h2 b { font-weight: 500; }
h3 { margin: 0px 0px 21px; line-height: 25px; font-size: 22px; }
h3 b { font-weight: 900; }
h4 { margin: 0px 0px 34px; line-height: 25px; font-size: 20px; }
h4 b { font-weight: 500; }
h5 { margin: 0px 0px 15px; line-height: 20px; font-size: 15px; }
h6 { margin: 0px 0px 15px; line-height: 20px; font-size: 12px; }
.center { text-align: center; }
blockquote { position: relative; margin: 0px 0px 13px; padding: 0px 0px 0px 47px; border: 0px; font-style: italic; font-size: 16px; color: rgb(151, 151, 151); }
blockquote::before { content: "“"; position: absolute; left: 15px; top: 13px; font-style: italic; font-size: 70px; color: rgb(151, 151, 151); }
header { position: relative; height: 80px; background-color: rgb(255, 255, 255); }
.logo { float: left; }
.logo a { text-transform: uppercase; line-height: 80px; font-size: 24px; color: rgb(51, 51, 51); }
.logo a span { display: inline-block; padding-right: 18px; }
.logo a span.b1 { font-weight: 900; }
.logo a span.b2 { font-weight: 700; }
.logo a span.b3 { font-weight: 400; }
.logo a span.b4 { font-weight: 300; }
.logo a span.b5 { font-weight: 100; }
.logo .b1:hover { text-shadow: rgb(191, 191, 191) 2px 2px 4px; }
.menu_block { position: fixed; z-index: 9999; left: 0px; top: 0px; right: 0px; height: 80px; width: 100%; background-color: #e6ccb3; box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px; }
.navmenu ul li { position: relative; display: inline-block; }
.navmenu ul li a { display: block; margin: 0px 0px 0px -3px; padding: 30px 20px; text-transform: uppercase; font-weight: 900; line-height: 20px; font-size: 13px; color: rgb(102, 102, 102); transition: all 0.3s ease-in-out; }
.navmenu li:hover { text-shadow: rgb(191, 191, 191) 2px 2px 4px; }
.navmenu li:hover a, .navmenu li.active a { color: rgb(51, 51, 51); }
.sub-menu ul li.active a, .sub-menu ul li a:hover { background: rgb(22, 22, 22); color: rgb(255, 255, 255) !important; }
.cleancode_block .tab-pane.active { height: auto; transform: translateY(0px); }
.ie .cleancode_block .tab-pane.active { display: block; }
.nav-tabs li.active a, .nav-tabs li.active a:hover, .nav-tabs li.active a:focus { background-color: rgb(255, 255, 255); }
.nav-tabs li.active a i { background-position: 0px 0px; transform: translateY(-16px); }
.nav-tabs li.active a span { opacity: 1; transform: translateY(-6px); }
#project_prev.first, #project_next.last { cursor: default; }
#project_prev.first:hover, #project_next.last:hover { border-color: rgb(204, 204, 204); }
#project_prev.first:hover i, #project_next.last:hover i { color: rgb(204, 204, 204); }
footer { overflow: hidden; position: fixed; z-index: 1; bottom: 0px; left: 50%; opacity: 0; width: 100%; padding: 60px 0px 10px; color: rgb(0, 0, 0); background-color: rgb(139, 90, 43); transform: translateX(-50%); }
footer h4 { color: rgb(255, 255, 255); }
textarea, input[type="text"] { width: 100%; margin: 0px 0px 10px; padding: 10px 8px; text-transform: none; font-family: Roboto, sans-serif; font-weight: 400; line-height: 20px; font-size: 12px; color: rgb(51, 51, 51); font-style: normal; border-radius: 0px; background: none; border: 2px solid rgb(36, 36, 36); box-shadow: none; transition: border-color 0.3s ease-in-out; }
textarea { overflow: hidden; min-height: 95px; resize: none; }
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus { outline: 0px; box-shadow: none; color: rgb(102, 102, 102); border-color: rgb(204, 204, 204); }
.contact_btn.active, .contact_btn:hover { background: none; color: rgb(255, 255, 255); border-color: rgb(204, 204, 204); }
.pagination li.active a { font-size: 26px; border: 2px solid rgb(51, 51, 51) !important; color: rgb(51, 51, 51) !important; background: none !important; }

@media screen and (-webkit-min-device-pixel-ratio:0) { 
	.parallax, .cleancode_block, #team, .top_slider .slide1, .top_slider .slide2, .top_slider .slide3 {background-attachment:scroll !important; background-position:0 0;}
	.top_slider .slide1, .top_slider .slide2, .top_slider .slide3 {background-size:cover !important;}

}

@media (max-width: 1024px) {

	
}

@media (min-width: 992px) and (max-width: 1199px) {
	.parallax, .cleancode_block, #team {background-attachment:scroll !important; background-size:100% auto !important; -webkit-background-size:100% auto !important;}
	
	
	h2 {font-size:35px; line-height:35px;}

/* __________ Menu __________ */
	.navmenu ul li a {padding-left:15px; padding-right:15px;}

/* __________ Index __________ */
	.cleancode_block p.title {font-size:70px; line-height:70px;}
	.cleancode_block .nav-tabs li a {width:136px; height:136px; padding-top:35px;}
	.cleancode_block .nav-tabs li a i {width:45px; height:45px;}
	.cleancode_block .nav-tabs li a span {font-size:16px;}
	.cleancode_block .nav-tabs li a i {background-position:0 -45px;}
	.nav-tabs li a:hover i {background-position:0 -90px; transform:translateY(-5px); -o-transform:translateY(-5px); -ms-transform:translateY(-5px); -webkit-transform:translateY(-5px);}
	.nav-tabs li.active a i {background-position:0 0; transform:translateY(-10px); -o-transform:translateY(-10px); -ms-transform:translateY(-10px); -webkit-transform:translateY(-10px);}
	
	
	.purpose_block p {font-size:15px; line-height:22px;}
	
	
	.work_item a.zoom {width:40px; height:24px; margin-left:-20px;}
	.work_item:hover a.zoom {bottom:30px;}
	
	
	.img_wrapper {width:137px !important;}
	
	
	.post_item_img a.link {width:40px; height:24px; margin:0 0 -12px -20px;}
	.post_item_img a.link:hover {background-position:0 -24px;}
	.post_item_content a.title {font-size:19px; line-height:24px;}
	
	
	.owl-theme .owl-controls {top:-69px;}
	.owl-theme .owl-controls .owl-buttons div {width:50px; height:50px;}
	.owl-theme .owl-controls .owl-buttons div:before {width:48px; height:48px; line-height:46px;}
	
	
	
/* __________ Blog __________ */
	.blog_post_descr hr {margin:15px 0;}
	
	.blog_post_img {width:400px; height:314px;}
	.blog_post_title {font-size:24px; line-height:27px;}
	.blog_post_content {font-size:14px; line-height:22px;}
	
	
	.single_blog_post_title{font-size:44px; line-height:50px;}
	
	

/* __________ Sidebar __________ */
	.widget_meta li a {font-size:17px; line-height:20px;}
	
	.post_item_img_widget{width:220px; height:146px;}
	.post_item_content_widget a.title {font-size:16px; line-height:20px;}

	
	
	

/* __________ All Styles __________ */
	.breadcrumbs_block {padding:50px 0;}
	
	
	.map_hide {margin-left:435px;}
	
	
}

@media (min-width: 768px) and (max-width: 991px) {
	.logo a {font-size:22px;}
	
	
	#search-form input:focus {width:42px;}
	

/* __________ Menu __________ */
	.navmenu ul li a {padding-left:10px; padding-right:10px; font-size:12px;}
	
	
	
/* __________ Index __________ */
	.cleancode_block p.title {font-size:60px; line-height:60px;}
	.cleancode_block span {font-size:20px; line-height:24px;}
	.cleancode_block .nav-tabs li a {width:100px; height:100px; padding-top:24px;}
	.cleancode_block .nav-tabs li a i {width:45px; height:45px;}
	.cleancode_block .nav-tabs li a span {font-size:13px;}
	.cleancode_block .nav-tabs li a i {background-position:0 -45px;}
	.nav-tabs li a:hover i {background-position:0 -90px; transform:translateY(-5px); -o-transform:translateY(-5px); -ms-transform:translateY(-5px); -webkit-transform:translateY(-5px);}
	.nav-tabs li.active a i {background-position:0 0; transform:translateY(-10px); -o-transform:translateY(-10px); -ms-transform:translateY(-10px); -webkit-transform:translateY(-10px);}
	
	
	.purpose_block {padding-top:35px;}
	.purpose_block .ipad_img1 {margin-top:-50px;}
	.purpose_block p {font-size:12px; line-height:20px;}
	
	
	.work_item a.zoom {width:40px; height:24px; margin-left:-20px;}
	.work_item:hover a.zoom {bottom:30px;}
	
	
	.img_wrapper {width:100px !important;}
	
	
	.post_item_img a.link {width:40px; height:24px; margin:0 0 -12px -20px;}
	.post_item_img a.link:hover {background-position:0 -24px;}
	.post_item_content a.title {font-size:15px; line-height:20px;}
	.post_item_content {padding-top:15px;}
	.post_item_inf a {font-size:12px; padding-right:5px;}
	.post_item_inf li {padding-right:5px;}
	
	
	.owl-theme .owl-controls {top:-69px;}
	.owl-theme .owl-controls .owl-buttons div {width:50px; height:50px;}
	.owl-theme .owl-controls .owl-buttons div:before {width:48px; height:48px; line-height:46px;}
	
	
	.crewman_item .crewman_social a {width:36px; height:36px; margin:0 2px 0 5px; font-size:17px; line-height:34px;}
	.crewman_item:hover .crewman_social {bottom:30px;}
	
	
	.testim_content {font-size:17px; line-height:24px;}
	

/* __________ Blog __________ */
	.blog_post_descr hr {margin:15px 0;}
	
	.blog_post_img {width:400px; height:314px;}
	.blog_post_title {font-size:24px; line-height:27px;}
	.blog_post_content {font-size:14px; line-height:22px;}
	
	
	.single_blog_post_title{font-size:44px; line-height:50px;}
	
	

/* __________ Sidebar __________ */
	.widget_meta li a {font-size:17px; line-height:20px;}
	
	.post_item_img_widget{width:220px; height:146px; float:left; margin-right:30px;}
	.post_item_content_widget a.title {font-size:16px; line-height:20px;}

	
	
	

/* __________ All Styles __________ */
	.breadcrumbs_block {padding:50px 0;}
	.breadcrumbs_block h2 {font-size:60px; line-height:64px;}
	.breadcrumbs_block p {font-size:21px; line-height:24px;}
	

/* __________ Footer __________ */
	footer {position:static; left:auto; bottom:auto; transform:none; -webkit-transform:none;}
	
	
	.map_hide {margin-left:325px;}
	
	
	.respond_clear {clear:both; height:0; font-size:0;}


}

@media (max-width: 767px) {
	.container {padding-left:15px; padding-right:15px;}
	
	
	h2 {font-size:30px; line-height:32px;}
	
	
	.logo a {font-size:22px;}
	
	
	#search-form input:focus {width:42px;}
	
	
/* __________ Menu __________ */
	a.menu_toggler {display:inline-block; float:right; margin: 20px 0 0 20px; width:40px; height:40px; text-align:center; line-height:38px; font-size:23px; color:#fff; background-color:#333;}
	a.menu_toggler:hover {background-color:#333;}
	
	.navmenu {display:none; position:fixed; left:0; right:0; top:80px; background-color:#fff;}
	.navmenu ul {padding:10px 0;}
	.navmenu ul li {display:block; text-align:left;}
	.navmenu ul li a {padding:4px 20px;}
	
	.sub-menu ul {display:block; position:static; width:100%; box-shadow:none; padding:0; margin:0;}
	.sub-menu ul:before {display:none !important;}
	.navmenu li.sub-menu:hover, .navmenu li.sub-menu.active_page {background:none;}
	.sub-menu ul li a {background:none; border:0; padding-left:30px;}
	.sub-menu ul li a:hover, .sub-menu ul li.active a {background:none !important; color:#333 !Important;}
	.sub-menu ul li a:before {content:'-'; position:absolute; z-index:10; left:17px; top:4px; color:#666;}


/* __________ Index __________ */
	.cleancode_block p.title {font-size:40px; line-height:40px;}
	.cleancode_block span {font-size:15px; line-height:22px;}
	.cleancode_block .nav-tabs {margin:0 auto; width:450px;}
	.cleancode_block .nav-tabs li a {width:120px; height:120px; padding-top:24px;}
	.cleancode_block .nav-tabs li a i {width:45px; height:45px;}
	.cleancode_block .nav-tabs li a span {font-size:13px;}
	.cleancode_block .nav-tabs li a i {background-position:0 -45px;}
	.nav-tabs li a:hover i {background-position:0 -90px; transform:translateY(-5px); -o-transform:translateY(-5px); -ms-transform:translateY(-5px); -webkit-transform:translateY(-5px);}
	.nav-tabs li.active a i {background-position:0 0; transform:translateY(-10px); -o-transform:translateY(-10px); -ms-transform:translateY(-10px); -webkit-transform:translateY(-10px);}
	
	
	.purpose_block {padding-top:35px;}
	.ipad_img_in {width:350px; margin:0 auto;}
	.purpose_block .ipad_img1 {margin-top:40px;}
	.purpose_block p {font-size:12px; line-height:20px;}
	
	
	.work_item a.zoom {width:40px; height:24px; margin-left:-20px;}
	.work_item:hover a.zoom {bottom:30px;}
	
	
	.our_clients .row {text-align:center; margin:0 auto; width:450px;}
	.client_img {width:140px; display:inline-block;}
	.img_wrapper {width:110px !important;}
	
	
	.post_item_img a.link {width:40px; height:24px; margin:0 0 -12px -20px;}
	.post_item_img a.link:hover {background-position:0 -24px;}
	.post_item_content a.title {font-size:15px; line-height:20px;}
	.post_item_content {padding-top:15px;}
	.post_item_inf a {font-size:12px; padding-right:5px;}
	.post_item_inf li {padding-right:5px;}
	
	
	.owl-theme .owl-controls {top:-69px;}
	.testimonials .owl-theme .owl-controls {top:-49px;}
	.owl-theme .owl-controls .owl-buttons div {width:50px; height:50px;}
	.owl-theme .owl-controls .owl-buttons div:before {width:48px; height:48px; line-height:46px;}
	
	
	.crewman_item .crewman_social a {width:36px; height:36px; margin:0 2px 0 5px; font-size:17px; line-height:34px;}
	.crewman_item:hover .crewman_social {bottom:30px;}
	
	
	.testim_content {font-size:17px; line-height:24px;}
	
	
	
	#news .recent_posts {width:450px; margin:0 auto;}
	
	
/* __________ Blog __________ */
	.blog_post_descr hr {margin:15px 0;}
	
	.blog_post_img {width:200px; height:157px; margin-right:20px;}
	.blog_post_title {font-size:19px; line-height:22px;}
	.blog_post_descr hr {clear:both; border:0;}
	.blog_post_content {font-size:14px; line-height:22px;}
	.blog_post_info li a {font-size:13px;}
	.blog_post_info li {padding-right:15px;}
	.blog_post_info li:before {right:6px;}
	.blog_post_content {padding-top:20px;}
	
	.pagination li {width:40px; height:40px;}
	.pagination li a {font-size:16px; line-height:38px;}
	.pagination li.active a, .pagination li a:focus, .pagination li a:hover {font-size:18px;}
	
	
	.single_blog_post_title{font-size:44px; line-height:50px;}
	
	
/* __________ Single Blog Post __________ */
	.single_blog_post_date {margin:0;}
	.single_blog_post_title {font-size:26px; line-height:32px;}
	
	.comment_note {padding:0 0 20px;}
	
	

/* __________ Sidebar __________ */
	.widget_meta li a {font-size:17px; line-height:20px;}
	
	.post_item_img_widget{width:220px; height:146px; float:left; margin-right:30px;}
	.post_item_content_widget a.title {font-size:16px; line-height:20px;}

	
	
	

/* __________ All Styles __________ */
	.breadcrumbs_block {padding:40px 0;}
	.breadcrumbs_block h2 {font-size:50px; line-height:54px;}
	.breadcrumbs_block p {font-size:16px; line-height:20px;}


/* __________ Footer __________ */
	footer {position:static; left:auto; bottom:auto; transform:none; -webkit-transform:none;}
	
	
	.map_hide {margin:0; left:auto; right:15px;}
	
	
	.respond_clear {clear:both; height:0; font-size:0;}
	
	
}

@media (max-width: 479px) {

	#search-form {display:none;}
	.logo {width:175px;
		padding-top:10px}
	
/* __________ Index __________ */
	h2 {font-size:26px; line-height:26px;}
	
	
	.purpose_block .btn {padding:10px; margin:10px 5px 0 0;}
	
	
	.cleancode_block p.title {font-size:26px; line-height:26px;}
	.cleancode_block .nav-tabs {width:290px;}
	.cleancode_block .nav-tabs li {padding:0;}
	.cleancode_block .nav-tabs li a {width:96px; height:96px;}
	
	
	.ipad_img_in {width:290px;}
	
	
	.our_clients .row {width:290px;}
	
	
	.testimonials .owl-theme .owl-controls {top:0;}
	
	
	#news .recent_posts {width:290px;}
	
	
/* __________ Blog __________ */
	.blog_post_img {float:none; margin:0 0 20px; width:290px; height:227px;}
	.blog_post_descr hr {border-bottom:2px solid #e9e9e9;}
	.blog_post_content {padding-top:0;}
	
/* __________ Single Blog Post __________ */
	.single_blog_post_title {font-size:17px; line-height:22px;}
	.single_blog_post_content {font-size:13px; line-height:20px;}

	
	
/* __________ Sidebar __________ */
	.post_item_img_widget {float:none; margin-right:0;}
	


/* __________ Bootstrap Style __________ */
	.col-ss-1, .col-ss-2, .col-ss-3, .col-ss-4, .col-ss-5, .col-ss-6, .col-ss-7, .col-ss-8, .col-ss-9, .col-ss-10, .col-ss-11 {float: left;}
	.col-ss-12 {width: 100%;}
	.col-ss-11 {width: 91.66666666666666%;}
	.col-ss-10 {width: 83.33333333333334%;}
	.col-ss-9 {width: 75%;}
	.col-ss-8 {width: 66.66666666666666%;}
	.col-ss-7 {width: 58.333333333333336%;}
	.col-ss-6 {width: 50%;}
	.col-ss-5 {width: 41.66666666666667%;}
	.col-ss-4 {width: 33.33333333333333%;}
	.col-ss-3 {width: 25%;}
	.col-ss-2 {width: 16.666666666666664%;}
	.col-ss-1 {width: 8.333333333333332%;}

}