/*
Theme Name: Twenty Sixteen
Theme URI: https://wordpress.org/themes/twentysixteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, red, white, yellow, dark, light, one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: twentysixteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
strong{font-weight:700;}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

 *::-ms-backdrop, body { overflow-x:hidden; } /* IE11 */
body {font-size: 13px;
    color: #3d3d3d;
    font-family: 'Roboto', sans-serif;
    line-height: 16px;
    }
p { margin: 0 0 15px;}	
a,a:hover,a:focus{text-decoration:none;outline:0 none; color:#ee3324}
.container{max-width:990px; z-index: 9; position: relative;}
.alignleft {
	float: left;
	margin: 0.375em 1.75em 1.75em 0;
}

.alignright {
	float: right;
	margin: 0.375em 0 1.75em 1.75em;
}

.aligncenter,.alignnone {
	clear: both;
	display: block;
	margin: 0 auto 1.75em;max-width: 100%;height:auto;
}
.top-bar{      background: url(images/topbar.jpg) repeat-x;
    min-height: 44px;
    background-position: 100% 100%;
    background-size: cover;}
.top-bar a{font-size: 13px;
    color: #fff;position:relative;
    padding: 15px 15px 15px 20px;
    display: inline-block;}
a.quorq{ background: url(images/quoterq.png) no-repeat;
    display: none;
    position: fixed;
    right: 0;    top: 100px;
    width: 31px;
    height: 149px;
    z-index: 9999999;}
a.mail{padding-right:0;}	
 a.call:before{content:url(images/icon-call.png);  position: absolute; left: 0;}
 a.mail:before{content:url(images/icon-mail.png);  position: absolute; left: 0;}
 a.qr{font-size: 15px;
    text-transform: uppercase;
    background: #ee3324;
    border-radius: 25px;
    padding: 8px 20px;
    margin-right: 20px;}
	
.logo{display:inline-block;padding:15px 0}
.homebanner img, .innerbanner img{width:100%}
/* navigation menu */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	/* many screen reader and browser combinations announce broken words as they would appear visually */
	word-wrap: normal !important;
}
.site-header-menu {
	display: none;
	-webkit-flex: 0 1 100%;
	-ms-flex: 0 1 100%;
	flex: 0 1 100%;
	margin: 0.875em 0;
}

.site-header-menu.toggled-on,
.no-js .site-header-menu {
	display: block;
}
.main-navigation {
	font-family: Montserrat, "Helvetica Neue", sans-serif;
}

.site-footer .main-navigation {
	margin-bottom: 1.75em;
}

.main-navigation ul {
	list-style: none;
	margin: 0;    
}

.main-navigation li {
	border-top: 1px solid #d1d1d1;
	position: relative;
}

.main-navigation a {

	display: block;
	line-height: 1.3125;
	outline-offset: -1px;
	padding: 0.84375em;
	 
    font-size: 14px;
 
    color: #0c0c0c;
    
}
.main-navigation li:last-child>a ,.main-navigation ul ul a{
    background: none;
}
.main-navigation a:hover,
.main-navigation a:focus {
	  font-weight: 500;
    background: #ee3324;
    color: #fff;
}

.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a ,
.main-navigation li:last-child:hover >a{
	    font-weight: 500;
    background: #ee3324;
    color: #fff;
}
.main-navigation li.current-menu-item:last-child>a{ background: #ee3324;}
.main-navigation .current-menu-parent.menu-item-has-children > a:after, 
.main-navigation .current-menu-item.menu-item-has-children > a:after, 
.main-navigation .menu-item-has-children:hover > a:after{color:#fff}
.main-navigation ul ul {
	display: none;
	margin-left: 0.875em;
}

.no-js .main-navigation ul ul {
	display: block;
}

.main-navigation ul .toggled-on {
	display: block;
}

.main-navigation .primary-menu {
	border-bottom: 1px solid #d1d1d1;
}

.main-navigation .menu-item-has-children > a {
	margin-right: 56px;
}

.dropdown-toggle {
	background-color: transparent;
	border: 1px solid #ccc;
	border-radius: 0;
	color: #1a1a1a;
	content: "";
	height: 42px;
	padding: 0;
	position: absolute;
	right: 0;
	text-transform: none;
	top: 0;
	width: 48px;
}

.dropdown-toggle:after {
	 font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
	border: 0 solid #d1d1d1;
	content: "\f103";
	font-size: 24px;
	left: 1px;
	position: relative;
	width: 48px;
}

.dropdown-toggle:hover,
.dropdown-toggle:focus {
	background-color: transparent;
	color: #007acc;
}

.dropdown-toggle:focus {
	outline: 0 none;
	outline-offset: -1px;
}

.dropdown-toggle:focus:after {
	border-color: transparent;
}

.dropdown-toggle.toggled-on:after {
	content: "\f102";
}


/**
 * 11.1 - Header
 */

#menu-item-635 a{    background: transparent url(images/icon-home.png) no-repeat scroll center center;
    font-size: 0;
    text-indent: -999999px;
    padding: 13px 14px 16px 15px;
    width: 40px;
    height: 46px;
    display: inline-block;
}
#menu-item-635:hover a, #menu-item-635.current_page_item a{background: #ee3324 url(images/icon-homehover.png) no-repeat scroll center center;}
.menu-toggle .icon-bar {
    background: #fff;
}
.menu-toggle .icon-bar+.icon-bar{ margin-top: 4px;}
.menu-toggle .icon-bar {
    display: block;   
    width: 22px;
    height: 2px;
    border-radius: 1px;
}
.menu-toggle {
	background-color: #ee3324;
	border: 1px solid #d1d1d1;
	color: #1a1a1a;
	font-size: 13px;
	font-size: 0.8125rem;
	margin: 1.076923077em 0;
	padding: 0.769230769em;    position: absolute;
    right: 15px;
    top: -67px;
}

.no-js .menu-toggle {
	display: none;
}

.menu-toggle:hover,
.menu-toggle:focus {
	background-color: #ee3324;
	border-color: #ee3324;
	color: #ee3324;
}

.menu-toggle.toggled-on,
.menu-toggle.toggled-on:hover,
.menu-toggle.toggled-on:focus {
	background-color: #1a1a1a;
	border-color: #1a1a1a;
	color: #fff;
}

.menu-toggle:focus {
	outline: 0;
}

.menu-toggle.toggled-on:focus {
	outline: thin dotted;
}

.header-image {
	clear: both;
	margin: 0.875em 0;
}

.header-image a {
	display: block;
}

.header-image a:hover img,
.header-image a:focus img {
	opacity: 0.85;
}

.fixed-nav {
    top: 0;
    left: 0;
    right: 0;
    position: fixed;
    z-index: 999999;
	background:#fff;
    border-bottom: 2px solid #ee3324;
}

/* ends here naigation */

.service-wrap{ border: 1px solid #e3e3e3;
    margin: 20px 9px 25px 9px;    float: left;}
.service-wrap:hover{   box-shadow: 0px 11px 21px 0px rgba(33, 33, 33, 0.32); }
.service-wrap:hover  .img-wrap a{background:#ee3324}
.service-wrap h3{    font-size: 18px;
    text-transform: uppercase;
    color: #1f1f1f;
    padding: 18px 10px;
    display: block;
    text-align: center;}
	.service-wrap p{    font-size: 12px;
    color: #5d5d5d;    margin-bottom: 25px;
    padding: 0 10px;
    line-height: 16px;}
.img-wrap{    position: relative;
    float: left;text-align:center;
    width: 100%;}
	.img-wrap img{    display: inline-block;}
.img-wrap a{position: absolute;
    font-size: 13px;
    color: #fff;text-align:center;
    background: #787878;
    padding: 8px 38px;
    line-height: 14px;
    border-radius: 5px;
    left: 50%;
    width: 150px;
    margin-left:-75px;
    top: -15px;}
.tsblock{    width: 100%;
    float: left;
    position: relative;}
.touch-carousel .owl-controls .owl-buttons div.owl-prev{float: left; margin-left: -30px; background: url(images/left-arrow.png);
    width: 28px;
    height: 29px;}
.touch-carousel .owl-controls .owl-buttons div.owl-next{float: right;
    margin-right: -30px;
    background: url(images/right-arrow.png);
    width: 28px;
    height: 29px;}
.touch-carousel .owl-controls .owl-buttons div:hover{opacity:0.4}
.service-block{background:#f9f9f9 url(images/hrline.png) scroll center bottom no-repeat;}
.welcome-block {padding-bottom:16px;background: #fff;    position: relative;z-index: 1;}
.welcome-block:before{     position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    content: '';
    background: url(images/leftbg.png) no-repeat scroll bottom left;
    width: 100%;
    height: 381px;}
.welcome-block:after{    content: '';
    background: url(images/rightbg.png) no-repeat scroll top right;
    width: 100%;
    height: 325px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;}
	
	.welcome-block.innerpage-block:after{  background: url(images/inrightbg.png) no-repeat scroll top right;  height: 442px;  z-index: -1;}
.welcome-block h2 {font-size:28px;text-transform:uppercase;color:#131313;line-height:30px;margin:20px 0;text-align:center;}
.testimonial-block{background:#f9f9f9 url(images/testimonialbg.jpg) scroll center top no-repeat; padding-bottom: 18px;    background-position: 100% 100%;
    background-size: cover;    position: relative;}
.testimonial-block h2{background:url(images/testimonialhr.png) no-repeat scroll center bottom;font-size:28px;text-transform:uppercase;color:#fff;line-height:30px;margin:20px 0;text-align:center;    padding-bottom: 15px;}
.testimonial-block h2:before{    content: url(images/testimonialbefore.png);
    position: relative;
    padding-right: 15px;
    bottom: -10px;}
.test-content{background:#fff;padding:12px 15px;border-radius:5px;}
.test-content span{display: block;
    float: right;color:#f75710;}
.test-content:before{
   content: "\f0d9";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #fff;
    font-size: 60px;
    position: absolute;
    left: -17px;
    top: 40%;
}
.testimg{    border-radius: 50%; background: #fff;    padding: 10px;}
.testimonials-carousel.touch-carousel .owl-controls .owl-buttons{position: absolute;
    bottom: 65px;
    top: auto;
    right: 70px;}

.testimonials-carousel.touch-carousel .owl-controls .owl-buttons div.owl-prev{float: left; margin-left: -30px; background: url(images/icon-left.png);
    width: 16px;
    height: 27px;}
.testimonials-carousel.touch-carousel .owl-controls .owl-buttons div.owl-next{float: right;
    margin-right: -30px;
    background: url(images/icon-right.png);
    width: 16px;
    height: 27px;}
	
.innerpage-block{padding-bottom:20px;padding-top:30px;}
.entry-title{background:#e0e1e1;color:#000;padding:10px;font-size:21px;text-transform:uppercase;    margin-bottom: 15px;}
.dcjq-accordion ul a{background:#fff !important;text-transform:uppercase;    font-weight: 500;font-size: 13px;  color: #6a6a6a !important;}
.dcjq-accordion ul a:before{content: "\f0da";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    color: #6a6a6a;
    font-size: 18px;
    position: absolute;
    top: 7px;
    left: 38px;
    text-decoration: none;}
.dcjq-accordion ul .current_page_item a{color:#ee3324 !important;text-decoration:underline;}
.widget.widget_sp_image{margin: 20px auto;display: table;}
.widget.widget_sp_image h2.widget-title{display:none;}

.widget h2.widget-title {
    text-transform: capitalize;
    font-weight: bold;
    font-size: 15px;
    text-shadow: 1px 1px 1px #ffffff;
    color: #ee3324;
    text-align: left;
    line-height: 18px;
}
.wpcf7-form{font-size: 14px;
    padding-bottom: 10px;
    line-height: 24px;}
	.wpcf7-form-control-wrap  input, .wpcf7-form-control-wrap textarea{width:100%;border: 1px solid #ccc;}
		input.wpcf7-submit[type=submit]{font-size: 15px;
    text-transform: uppercase;
    background: #ee3324;color: #fff;
    border: 0;
    border-radius: 5px;
    padding: 8px 20px;
    margin-right: 20px;}
footer{background:#2e2e2e;padding:26px 24px;color:#fff;}
footer a{color:#fff;padding:0 5px;line-height:14px;}


/* 
 * 	Core Owl Carousel CSS
 *	v1.24
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}



/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

/* CSS3 Transitions */

.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}

/*
* 	Owl Carousel Owl Theme 
*/

.owl-theme .owl-controls{
	text-align: center;
}
.testimonials-carousel.owl-theme .owl-controls .owl-pagination{display:none !important;}
/* Styling Next and Prev buttons */

.touch-slider .owl-controls .owl-buttons div{
	position: absolute;
	top: 50%;
	height: 60px;
	line-height: 60px;
	display: inline-block;
	zoom: 1;
	padding: 0 1px;
	*display: inline;/*IE7 life-saver */
	border-radius: 50%;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
	background: #444;
	filter: Alpha(Opacity=60);/*IE7 fix*/
	opacity: 0.6;
	margin-top: -30px;
	transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.touch-slider:hover .owl-controls .owl-buttons div{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

.touch-slider .owl-controls .owl-buttons div.owl-prev{
	left: 0;
	border-radius: 0 3px 3px 0;
	-webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -o-border-radius: 0 3px 3px 0;
}

.touch-slider .owl-controls .owl-buttons div.owl-next{
	right: 0;
	border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -o-border-radius: 3px 0 0 3px;
}

.touch-slider .owl-controls .owl-buttons div i{
	font-size: 1.8em;
	color: #fff;
}


.touch-carousel .owl-controls .owl-buttons {
	position: relative;
	top: -188px;

}

.touch-carousel.projects-carousel .owl-controls .owl-buttons {
	right: 12px;
}

.touch-carousel.navigation-2 .owl-controls .owl-buttons {
	position: relative;
	top: 0;
	right: 0;
}

.touch-carousel.navigation-2.clients-carousel .owl-controls .owl-buttons {
	top: -8px;
}

.touch-carousel.navigation-2 .owl-controls .owl-buttons div, .touch-carousel.navigation-3 .owl-controls .owl-buttons div{
	background-color: #f2f2f2;
}

.touch-carousel.navigation-2 .owl-controls .owl-buttons div i, .touch-carousel.navigation-3 .owl-controls .owl-buttons div i{
	color: #666;
}

.touch-carousel.navigation-3 {
	padding-top: 45px;
}

.touch-carousel.navigation-3.clients-carousel {
	padding-top: 25px;
}

.touch-carousel.navigation-3 .owl-controls .owl-buttons {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
}

.touch-carousel.navigation-2 .owl-controls .owl-buttons div, .touch-carousel.navigation-3 .owl-controls .owl-buttons div {
	width: 28px;
	height: 28px;
	line-height: 28px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
}



.touch-carousel .owl-controls .owl-buttons div {
	height: 28px;
	width: 28px;
	line-height: 28px;
	display: inline-block;
	zoom: 1;font-size:0;

	background-color: #666666;
	margin-left: 4px;
	transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;

}

.touch-carousel .owl-controls .owl-buttons div i {
	font-size: 1.2em;
	color: #fff;
	transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}



.touch-carousel .owl-controls.clickable .owl-buttons div:hover i {
	color: #fff;
}



/* Styling Pagination*/

.owl-pagination {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: -12px;
}

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 16px;
	height: 16px;
	margin: 2px 4px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	background: #404040;
	transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.touch-slider:hover .owl-controls .owl-page span {
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	background: #a4a4a4;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 30px;
}

#bar{
	width: 0%;
	max-width: 100%;
	height: 4px;
	background: #444;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
#progressBar{
	position: absolute;
	top: 0;
	z-index: 99;
	width: 100%;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(images/icons/ajaxloader.gif) no-repeat center center
}




/* Placeholder text color -- selectors need to be separate to work. */

::-webkit-input-placeholder {
   color: #4d4c4c;
}
:-moz-placeholder { /* Firefox 18- */
   color: #4d4c4c;  
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #4d4c4c;  
}
:-ms-input-placeholder {  
   color: #4d4c4c;  
}
.back-to-top {
     display: none;
    position: fixed;
    bottom: 83px;
    right: 15px;
    z-index: 99;
}	
.back-to-top i {
       display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 38px;
    font-size: 32px;
    color: #fff;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    text-align: center;
    background-color: #ee3324;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}	
	
/* Large desktops and laptops */
@media (min-width: 1200px) {

}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {

}
@media screen and (min-width: 768px) {
	
	.site-header-menu {float: right;
		display: block;
		-webkit-flex: 0 1 auto;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto;
	}

	.main-navigation {
		margin: 0 -0.875em;
	}
	.main-navigation a{    background: url("images/menu_divide.jpg") no-repeat scroll right center;}
.main-navigation ul{float:right;}
	.main-navigation .primary-menu,
	.main-navigation .primary-menu > li {
		border: 0;
	}

	.main-navigation .primary-menu > li {
		float: left;
	}

	.main-navigation a {
		outline-offset: -8px;
		padding: 1em 0.875em;
		white-space: nowrap;
	}

	.main-navigation li:hover > a,
	.main-navigation li.focus > a {
		  font-weight: 500;
    background: #ee3324 ;
    color: #fff;
	}

	.main-navigation ul ul {
		border-bottom: 1px solid #d1d1d1;
		display: block;
		left: -999em;
		margin: 0;
		position: absolute;
		z-index: 99999;
	}

	.main-navigation ul ul ul {
		top: -1px;
	}

	.main-navigation ul ul ul:before,
	.main-navigation ul ul ul:after {
		border: 0;
	}

	.main-navigation ul ul li {
		background-color: #fff;
		border: 1px solid #d1d1d1;
		border-bottom-width: 0;
	}

	.main-navigation ul ul a {
		white-space: normal;
		width: 14.6875em;
	}

	.main-navigation ul ul:before,
	.main-navigation ul ul:after {
		border-style: solid;
		content: "";
		position: absolute;
	}

	.main-navigation ul ul:before {
		border-color: #d1d1d1 transparent;
		border-width: 0 10px 10px;
		right: 9px;
		top: -9px;
	}

	.main-navigation ul ul:after {
		border-color: #fff transparent;
		border-width: 0 8px 8px;
		right: 11px;
		top: -7px;
	}

	.main-navigation li:hover > ul,
	.main-navigation li.focus > ul {
		left: auto;
		right: 0;
	}

	.main-navigation ul ul li:hover > ul,
	.main-navigation ul ul li.focus > ul {
		left: auto;
		right: 100%;
	}

	.main-navigation .menu-item-has-children > a {
		margin: 0;
		
	}

	.main-navigation .menu-item-has-children > a:after {
	    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    content: "\f0d7";
    position: absolute;
    right: 0;
    left: 50%;
    top: 1.1em;
    font-size: 20px;
    color: #606060;
	}

	.main-navigation ul ul .menu-item-has-children > a {
		padding-right: 2.0625em;
	}

	.main-navigation ul ul .menu-item-has-children > a:after {
		right: 0.5625em;
		top: 0.875em;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
	}

	.dropdown-toggle,
	.main-navigation ul .dropdown-toggle.toggled-on,
	.menu-toggle,
	.site-header .social-navigation,
	.site-footer .main-navigation {
		display: none;
	}

	
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 992px) {
.touch-carousel .owl-controls .owl-buttons div.owl-prev{margin-left:-10px}
.touch-carousel .owl-controls .owl-buttons div.owl-next{margin-right:-10px;}
.container { width: 100%;}
.tsblock+.img-wrap img{width: 100%;}

}
@media (min-width: 768px) and (max-width: 1024px) {.welcome-block:after{width: 20%; background-size:cover;}}
/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
.logo-wrap{text-align:center;}
.navbar-header{    clear: both;background: #ee3324;}
.touch-carousel .owl-controls .owl-buttons div.owl-prev{margin-left:-12px}
.touch-carousel .owl-controls .owl-buttons div.owl-next{margin-right:-12px;}
.testimonials-carousel.touch-carousel .owl-controls .owl-buttons{
    bottom: auto; top: 25px;}
.test-content:before{content:'';}
.aligncenter , .alignleft, .alignright, .alignnone{
	clear: both;
	display: block;
	margin: 0 auto 1.75em;    max-width: 100%;
    height: auto;float:none;
}
.logo{float:left;}
#fixednav{position: fixed;max-height: 320px; overflow-x: scroll;top: 0; width:100%;z-index: 999;-webkit-box-shadow: 0px 3px 4px rgba(50, 50, 50, 0.35);-moz-box-shadow:0px 3px 4px rgba(50, 50, 50, 0.35);box-shadow:0px 3px 4px rgba(50, 50, 50, 0.35); background-color:#FFF;}
.top-bar{ margin-top:67px;}
.top-bar a.call{  margin-top: 3px;padding-bottom: 5px;padding-top: 14px;}
}

/* Portrait phones and smaller */
@media (max-width: 600px) {
	.tsblock{min-height:125px;}

}
/* Portrait phones and smaller */
@media (max-width: 560px) {
	.top-bar{padding: 8px 15px}
	.top-bar a {
    font-size: 12px;
    padding: 8px 15px 8px 20px;
    display: table;
    margin: 0 auto !important;
}
.img-wrap a{    font-size: 12px;
    width: 90%;
    margin: 0 auto;
    left: 0;
    right: 0;
    padding: 10px 0;
}

.service-wrap h3{     font-size: 12px;   padding: 8px 10px;}
.welcome-block h2 ,.testimonial-block h2{    font-size: 18px;    line-height: 20px;
    margin: 15px 0;}
footer a{    width: 50%;
    float: left;    padding: 5px;}
}





