/*

Theme Name: Daniel Erez

Theme URI: https://wordpress.org/themes/twentysixteen/

Author: Galaxywing IT Solutions

Author URI: https://www.galaxywing.com/

Description: 

*/

/**

* Table of Contents

*

* 1.0 - Normalize

* 2.0 - Genericons

* 3.0 - Typography

* 4.0 - Elements

* 5.0 - Forms

* 6.0 - Navigation

*   6.1 - Links

*   6.2 - Menus

* 7.0 - Accessibility

* 8.0 - Alignments

* 9.0 - Clearings

* 10.0 - Widgets

* 11.0 - Content

*    11.1 - Header

*    11.2 - Posts and pages

*    11.3 - Post Formats

*    11.4 - Comments

*    11.5 - Sidebar

*    11.6 - Footer

* 12.0 - Media

*    12.1 - Captions

*    12.2 - Galleries

* 13.0 - Multisite

* 14.0 - Media Queries

*    14.1 - >= 710px

*    14.2 - >= 783px

*    14.3 - >= 910px

*    14.4 - >= 985px

*    14.5 - >= 1200px 

* 15.0 - Print

*/

/**

* 1.0 - Normalize

*

* Normalizing styles have been helped along thanks to the fine work of

* Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/

*/



@charset "utf-8";/* CSS Document */

@font-face {font-family: 'signikasemibold';src: url('fonts/signika-semibold-webfont.eot');src: url('fonts/signika-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/signika-semibold-webfont.woff2') format('woff2'), url('fonts/signika-semibold-webfont.woff') format('woff'), url('fonts/signika-semibold-webfont.ttf') format('truetype'), url('fonts/signika-semibold-webfont.svg#signikasemibold') format('svg');font-weight: normal;font-style: normal;}

@font-face {font-family: 'signikabold';src: url('fonts/signika-bold-webfont.eot');src: url('fonts/signika-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/signika-bold-webfont.woff2') format('woff2'), url('fonts/signika-bold-webfont.woff') format('woff'), url('fonts/signika-bold-webfont.ttf') format('truetype'), url('fonts/signika-bold-webfont.svg#signikabold') format('svg');font-weight: normal;font-style: normal;}

@font-face {font-family: 'signikaregular';src: url('fonts/signika-regular-webfont.eot');src: url('fonts/signika-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/signika-regular-webfont.woff2') format('woff2'), url('fonts/signika-regular-webfont.woff') format('woff'), url('fonts/signika-regular-webfont.ttf') format('truetype'), url('fonts/signika-regular-webfont.svg#signikaregular') format('svg');font-weight: normal;font-style: normal;}

@font-face {font-family: 'MyriadPro-Regular';src: url('fonts/MyriadPro-Regular.eot');src: local('☺'), url('fonts/MyriadPro-Regular.woff') format('woff'), url('fonts/MyriadPro-Regular.ttf') format('truetype'), url('fonts/MyriadPro-Regular.svg') format('svg');font-weight: normal;font-style: normal;}

body {margin: 0px;padding: 0px;font-family: 'signikaregular';}

.header {background: rgba(255, 255, 255, 0.9);position: fixed;width: 100%;z-index: 99;}

.top-header {padding: 20px 0;position: absolute;width: 100%;z-index: 9;}

.top-header .logo {margin: 0 0 0 -24px;padding: 0;}

.home_logo {margin: 0px !important;}

.logo {height: auto;}

.top-nav {padding: 4px 0 0 0;}

.top-nav ul {margin: 0px;padding: 0px;float: right;}

.top-nav ul li {margin: 0px;padding: 0px;list-style: none;float: left;font-size: 18px;text-transform: uppercase;color: #0d0809;font-family: 'signikasemibold';letter-spacing: 2px;position: relative;}

.top-nav ul li a {margin: 0px;padding: 2px 32px 0px;color: #0d0809;display: block;text-decoration: none;font-family: 'signikasemibold';}

/*.top-nav ul li a:hover{color:#ff0;text-decoration:none;font-family: 'signikasemibold'; background:#474747; }

.top-nav ul li.current-menu-item a{color:#ff0; background:#474747; }

*/

.top-nav ul li a:hover {color: #666;text-decoration: none;font-family: 'signikasemibold';}

.top-nav ul li.current-menu-item a {color: #666;}

.banner-slider {}

.banner-slider img {width: 100%;height: 100% !important;}

.slider-img {background-size: auto 100% !important;height: 100%;width: 100%;background-position: bottom center;}

.banner-slider {height: 100%;position: relative;}

.sider-caption {bottom: 10%;position: absolute;right: 18%;width: 451px;}

.sider-caption h1 {color: #536065;font-family: "signikasemibold";font-size: 20px;letter-spacing: 1px;line-height: 27px;margin: 0;padding: 0;text-transform: uppercase;}

.sider-caption1 {bottom: 10%;position: absolute;right: 10%;width: 451px;}

.sider-caption1 h1 {color: #000;font-family: "signikasemibold";font-size: 20px;letter-spacing: 1px;line-height: 27px;margin: 0;padding: 0;text-transform: uppercase;}

.sider-caption1 p {color: #000;font-family: "signikasemibold";font-size: 20px;letter-spacing: 1px;line-height: 27px;margin: 0;padding: 0;text-transform: lowercase;}

.view-works {width: 172px;background: url(images/view-workc.png) no-repeat top center;margin: 20px auto 0px;}

.view-works a {padding: 7px 5px;display: block;color: #f6f7f8;font-size: 17px;text-align: center;text-transform: uppercase;text-decoration: none;font-family: 'signikabold';}

.view-works a:hover {color: #666666;text-align: center;text-decoration: none;}

.sider-caption2 {bottom: 10%;position: absolute;right: 10%;width: 451px;}

.sider-caption2 h1 {color: #000;font-family: "signikasemibold";font-size: 20px;letter-spacing: 1px;line-height: 27px;margin: 0;padding: 0;text-transform: uppercase;text-align: center;}

.sider-caption2 p {color: #000;font-family: "signikasemibold";font-size: 20px;letter-spacing: 1px;line-height: 27px;margin: 0;padding: 0;text-transform: lowercase;}

.sider-caption3 {left: 4%;position: absolute;top: 44%;width: 451px;}

.sider-caption3 h1 {color: #000;font-family: "signikasemibold";font-size: 20px;letter-spacing: 1px;line-height: 27px;margin: 0;padding: 0;text-transform: uppercase;text-align: center;}

.sider-caption3 p {color: #000;font-family: "signikasemibold";font-size: 20px;letter-spacing: 1px;line-height: 27px;margin: 0;padding: 0;text-transform: lowercase;}

.sider-caption4 {right: 3%;position: absolute;top: 44%;width: 350px;}

.sider-caption4 h1 {color: #000;font-family: 'signikaregular';font-weight: normal;font-size: 20px;line-height: 27px;margin: 0;padding: 0;text-align: center;}

.sider-caption4 p {color: #000;font-family: 'signikaregular';font-weight: normal;font-size: 20px;letter-spacing: 1px;line-height: 27px;margin: 0;padding: 0;text-transform: lowercase;}

.main-middle {padding: 120px 0 0;}

/******************************/

.top-inn-header {padding: 20px 0;position: relative;width: 100%;z-index: 9;}

/*.top-inn-header .logo {margin: 0 0 0 -24px;padding: 0;}

*/

.top-inn-header .logo {margin: 0 0 0 0px;padding: 0;}

.logo img {height: 20px;}

.works-col-left {margin: 20px 0 0;position: fixed;}

.works-col-left h3 {margin: 0px;padding: 0px 0 17px;color: #0d0809;font-size: 16px;font-family: 'signikasemibold';letter-spacing: 2px;text-transform:uppercase}

.left-nav {margin: 0 36px 0 -76px;}

.left-nav ul {margin: 0px;padding: 0px;}

.left-nav ul li {margin: 0px 0 4px;padding: 0px;list-style: none;color: #0d0809;font-size: 13px;text-transform: uppercase;font-family: 'signikaregular';font-weight: normal;width: 100%;}

.left-nav ul li a {color: #0d0809;display: block;font-family: "signikaregular";font-size: 14px;font-weight: normal;line-height: normal;margin: 0;padding: 6px 40px 2px 76px;text-decoration: none;cursor: pointer;}

.left-nav ul li a:hover {color: #fcf8f8;font-family: 'signikaregular';text-decoration: none;background: url(images/view-works.png) no-repeat right top;background-size: 100% 100%;}

.left-nav ul li a.active {background: url(images/view-works.png) no-repeat right top;background-size: 100% 100%;color: #fff; }

.left-nav ul li a.active , .left-nav ul li a:hover{padding-right:10px}

/*===============================/=*/

.left-nav ul li {color: #31302b;list-style: none;border-radius: 3px;background: none;}

.left-nav ul li a:hover {/*box-shadow: 200px 0 0 0 #231f20 inset;color:#fff;*/

background: url("images/view-works.png") no-repeat scroll right top / 100% 100%;color: #fcf8f8;}

/*.left-nav ul li a.activex{background: url("images/left-nav.png") no-repeat scroll right top / 100% 100%;color: #fcf8f8;}

*/

/*.left-nav ul li a.activex{box-shadow: 200px 0 0 0 #231f20 inset;color:#fff;}

*/

/*===============================/=*/

.form-field .formvald {display: block;/*margin: -8px 0 0;*/

}

.download-col > a:hover {text-decoration: none;color: #475480;}

.download-col > a:active {text-decoration: none;color: #0a0808;}

.download-col > a:focus {text-decoration: none;color: #0a0808;}

.content-middle {padding-right: 60px;}

.back-front-content {padding-right: 56px;}

.content-middle p {color: #0a0808;font-size: 16px;line-height: 23px;margin: 0;padding: 0 0 16px;text-transform: uppercase;font-family: 'signikaregular';}

.midd-slider {padding: 0 0 60px;}

.midd-slider img {width: 100%;height: auto;}

.bt-cation {padding: 30px 0 0px;}

.cil-left-con1 {width: 80%;float: left;}

.cil-left-con1 h4 {margin: 0px;padding: 0px;color: #0d0809;font-size: 14px;text-transform: uppercase;font-family: 'signikaregular';line-height: 20px;}

.cil-left-con1 h4 span {color: #a6a6a7;display: block;}

.cil-left-con2 {width: 150;float: right;}

.cil-left-con2 p {margin: 0px;padding: 0px;color: #0d0809;font-size: 14px;text-transform: uppercase;font-family: 'signikaregular';line-height: 20px;text-align: right;}

.slider-one {margin: 0 0 20px;position: relative;}

.slider-one ul {margin: 0px;padding: 0px;}

.slider-one ul li {margin: 0px;padding: 0px;list-style: none;float: left;width: 100%;}

.sider4-caption {width: 305px;position: absolute;top: 10px;right: 100px;}

.sider4-caption p {color: #050606;font-size: 17px;line-height: 25px;margin: 0;padding: 0 0 16px;text-transform: uppercase;}

.down-arrow {bottom: 50px;position: fixed;right: 28px;width: 44px;}

.content-about {}

.section-col {padding: 0 0 30px;}

.about-content {padding: 0 60px 0 20px;}

.about-content p {color: #0a0808;font-size: 15px;line-height: 25px;margin: 0;padding: 0 0 20px;text-transform: uppercase;font-family: 'signikaregular';}

.about-content p a {color: #0a0808;font-size: 14px;margin: 0;padding: 0;text-decoration: none;}

.about-content p a:hover {color: #0a0808;text-decoration: none;}

.section-col img {width: 100%;height: auto;}

.download-col {padding: 40px 0 25px;}

.download-col {}

.download-col p {margin: 0px;padding: 0px 0 8px;color: #0a0808;font-size: 14px;font-family: 'signikasemibold';}

.download-col p a {margin: 0px;padding: 0px;color: #0a0808;font-size: 14px;text-decoration: none;}

.download-col p a:hove {color: #0a0808;text-decoration:none;}

.download-col p img {float: left;margin: 3px 8px 0 0;width: auto;}

.section2-col {padding: 0;}

.col-hd-one {}

.col-hd-one h3 {margin: 0px;padding: 0px;color: #0e090a;font-size: 18px;font-family: 'signikasemibold';text-transform: uppercase;}

.col-hd2-one {padding: 0 30px 0 0;text-align: right;}

.col-hd2-one p {margin: 0px;padding: 0px;color: #0f0c0c;font-size: 17px;}

.col-hd2-one p span {color: #0f0c0c;font-size: 12px;display: block;}

.col-hd3-one {}

.col-hd3-one p {color: #0a0808;font-size: 14px;line-height: 22px;margin: 0;padding: 0 0 20px;text-transform: uppercase;}

.col-hd3-one p:last-child {padding: 0px;}

.col-hd3-one p a {color: #475480;text-decoration: none;}

.col-hd3-one p a:hover {color: #0a0808;text-decoration: none;}

.section2-col .row {padding-bottom: 20px;}

.about-contact {padding: 0px 0 0 20px;}

.about-contact p {margin: 0px;padding: 0px 0 16px;color: #0a0808;font-size: 14px;line-height: 22px;}

.about-contact p a {color: #475480;text-decoration: none;}

.about-contact p a:hover {color: #0a0808;text-decoration: none;}

.row-field {padding: 0 0 15px;}

.field-name {background: #ffffff;color: #0a0808;display: inline-block;float: left;font-size: 14px;padding: 0px 4px 4px 0;position: relative;text-transform: uppercase;width: auto;font-weight: bold;}

.input-field {border: 1px solid #000000;color: #0a0808;float: left;font-size: 14px;margin: 0;outline: medium none;padding: 5px;width: 100%;}

.field-submit {background: url(images/view-works.png) no-repeat center top;border: medium none;color: #ffffff;cursor: pointer;font-size: 17px;height: 32px;margin: 0;outline: medium none;text-transform: uppercase;width: 100px;background-size: 100% 100%;line-height:31px;}

.footer {background: #221f1f;padding: 10px 0px;margin: 40px 0 0 0px;}

.ftr-nav {}

.ftr-nav ul {margin: 0px;padding: 0px;text-align: center;}

.ftr-nav ul li {border-right: 1px solid #ffffff;color: #ffffff;display: inline-block;font-size: 13px;line-height: 9px;list-style: outside none none;margin: 0;padding: 0;text-align: center;}

.ftr-nav ul li:last-child {border-right: none;}

.ftr-nav ul li a {margin: 0px;padding: 0px 10px;text-align: center;font-size: 13px;color: #fff;display: inline-block;text-decoration: none;}

.ftr-nav ul li a:hover {color: #ccc;text-decoration: none;}

.home_logo {}

.copyright {color: #ffffff;font-size: 12px;padding: 5px 0 0;text-align: center;}

.copyright p {margin: 0px;padding: 0px;}

.copyright p a {color: #fff;text-decoration: none;}

.copyright a:hover {color: #ffff00;text-decoration: none;}

.info-dtl {padding: 0 0 40px;text-transform: uppercase;}

.info-dtl p {margin: 0px;padding: 0px;color: #0f0d0d;font-size: 14px;text-transform: uppercase;}

.more-info {background: url(images/plus.jpg) no-repeat left top 4px;color: #bab8b8;font-size: 14px;padding: 0 0 0 17px;text-transform: uppercase;}

.more-info.active {background: url(images/minus.png) no-repeat left top 4px !important;}

.more-info a {color: #bab8b8;font-size: 14px;text-decoration: none;}

.more-info a:hover {color: #bab8b8;text-decoration: none;}

.filter-portfolio {}

.filter-portfolio ul {margin: 0px;padding: 0px;}

.filter-portfolio ul li {margin: 0px;padding: 7px;list-style: none;float: left;box-sizing: border-box;}

.filter-portfolio ul li img {max-width: 100%;height: auto;}

.portfolio-1 {width: 33.33%;}

.portfolio-2 {width: 66.67%;}

.list-details.active {display: none;}

.list-details {padding: 4px 10px 10px 18px;}

.list-details p {color: #0f0d0d;font-size: 12px;margin: 0;padding: 0;text-transform: uppercase;}

.more-detail {margin: 6px 0 0;}

/****Menu icon css******/

.container2 {display: inline-block;cursor: pointer;}

.bar1, .bar2, .bar3 {width: 35px;height: 5px;background-color: #000000;margin: 6px 0;transition: 0.4s;}

.change .bar1 {-webkit-transform: rotate(-45deg) translate(-9px, 6px);transform: rotate(-45deg) translate(-9px, 6px);}

.change .bar2 {opacity: 0;}

.change .bar3 {-webkit-transform: rotate(45deg) translate(-8px, -8px);transform: rotate(45deg) translate(-8px, -8px);}



.content-middle .midd-slider .gallery .stage ul li.video_middle iframe {display: block;} 

/***********************/

.portfolioFilter {text-align: left;margin-bottom: 10px;}

.portfolioFilter a {margin-right: 10px;color: #666;text-decoration: none;}

.portfolioFilter a.current {font-weight: bold;background: url(images/view-works.png) no-repeat right top;background-size: 100% 100%;color: #fff;}

.isotope-item {z-index: 2;}

.isotope-hidden.isotope-item {pointer-events: none;z-index: 1;}

.isotope, .isotope .isotope-item {/* change duration value to whatever you like */

-webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-ms-transition-duration: 0.8s;-o-transition-duration: 0.8s;transition-duration: 0.8s;}

.isotope {-webkit-transition-property: height, width;-moz-transition-property: height, width;-ms-transition-property: height, width;-o-transition-property: height, width;transition-property: height, width;}

.isotope .isotope-item {-webkit-transition-property: -webkit-transform, opacity;-moz-transition-property: -moz-transform, opacity;-ms-transition-property: -ms-transform, opacity;-o-transition-property: -o-transform, opacity;transition-property: transform, opacity;}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {-webkit-transition-duration: 0s;-moz-transition-duration: 0s;-ms-transition-duration: 0s;-o-transition-duration: 0s;transition-duration: 0s;}

* {box-sizing: border-box;}

.min-width {width: 33.333%;padding: 5px}

.min-width-img {width: 100%;height: auto;padding: 0px;-webkit-filter: grayscale(100%);filter: grayscale(100%);transition: all 1s ease 0s;}

.min-width-img:hover {-webkit-filter: grayscale(0);filter: grayscale(0);}

.full-width {width: 66.666%;padding: 5px}

.mid-width {width: 50%;padding: 5px}

.full-width-img {width: 100%;height: auto;padding: 0px;-webkit-filter: grayscale(100%);filter: grayscale(100%);transition: all 1s ease 0s;}

.full-width-img:hover {-webkit-filter: grayscale(0);filter: grayscale(0);}

.portfolioContainer {margin: 0 auto;}

.min-width a {padding: 0px;margin: 0px;}

.full-width a {padding: 0px;margin: 0px;}

#fancybox-content {border: none !important;}

#fancybox-content {width: 100% !important;}

.fancybox-bg {display: none !important;}

#fancybox-wrap {left: 0 !important;margin: 0 auto;right: 0 !important;}

#fancybox-right-ico {background: url(images/mac-right.png) no-repeat center top;background-position: inherit;}

#fancybox-left-ico {background: url(images/mac-left.png) no-repeat center top;background-position: inherit;}

#fancybox-left-ico, #fancybox-right-ico {height: 60px !important;width: 35px !important;}

.section3-col {padding: 90px 0 0px;}

.about-contact h3 {margin: 0px;padding: 0px 0 24px;font-weight: bold;font-size: 16px;text-transform: uppercase;}

.follow-me-col {margin-left: 82px}

.follow-me-col h3 {margin: 0px;padding: 0px 0 24px;font-weight: bold;font-size: 16px;text-transform: uppercase;}

.follow-inn {}

.follow-inn img {margin: 0 2px 0 0px;}

.follow-inn img:hover {opacity: 0.5;}

.counter::first-letter {font-weight: bold;font-size: 20px;color: #000;}

.counter {text-align: center;}

.no_btnx {background: none;border: none;box-shadow: none;cursor: pointer;padding: 0;text-align: left;}

.box_mac {display: none;}

#fancybox-title {width: auto !important;padding: 5px !important;margin: 0px !important;}

/*=================portfolio-captio====================*/

/*===========slider=================*/

.slides {position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;overflow: hidden;white-space: nowrap;-moz-transition: all 0.45s ease;-o-transition: all 0.45s ease;-webkit-transition: all 0.45s ease;transition: all 0.45s ease;}

.slides .slide {display: inline-block;width: 100%;height: 100%;background-size: cover;background-position: center center;vertical-align: top;margin-right: -4px;position: relative;}

.img-slider {display: inline-block;width: 100%;height: 100%;background-size: cover;background-position: center center;vertical-align: top;margin-right: -4px;}

.slides .slide .slide-content.hide-info {-moz-transform: translateY(-125%);-ms-transform: translateY(-125%);-webkit-transform: translateY(-125%);transform: translateY(-125%);}

.slides .slide .slide-content {white-space: normal;-moz-transition: -moz-transform 0.5s ease;-o-transition: -o-transform 0.5s ease;-webkit-transition: -webkit-transform 0.5s ease;transition: transform 0.5s ease;}

.slider-arrow button.disabled {pointer-events: none;opacity: 0.3;}

.slider-arrow button {background: transparent;outline: none;border: none;text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);cursor: pointer;display: inline-block;}

.slider-arrow button i {color: #000;font-size: 50px;}

.slider-arrow {left: 0;position: absolute;right: 0;top: 50%;z-index: 99;}

.button-right {display: inline-block;float: right;margin-right: 30px;}

.button-left {display: inline-block;margin-left: 30px;}

/*============================*/

/*============Sub menu===================*/

/*******Header sub manu*********/

.top-nav ul li:hover .sub-menu {display: block;}

.sub-menu {width: 216px;position: relative;background: rgba(0, 0, 0, 0.5);border: 1px solid #000000;padding: 17px 10px;/*display:none;*/

position: absolute;z-index: 9;left: 0;}

.top-nav ul .sub-menu {margin-left: -50px;opacity: 0;visibility: hidden;transform: scale(0);-webkit-transform: scale(0);-moz-transform: scale(0);transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;}

.top-nav ul > li:hover > .sub-menu {opacity: 1;visibility: visible;transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);}

ul.sub-menu li {margin: 0px;padding: 0 0px;float: none;list-style: none;color: #fff;font-size: 14px;width: 100%;transition: all 0.3s ease-in-out 0s;border-bottom: 1px solid #000000;}

ul.sub-menu li a {margin: 0px;padding: 9px 8px;color: #fff;font-size: 14px;text-decoration: none;font-weight: normal;transition: all 0.3s ease-in-out 0s;}

ul.sub-menu li a:hover {color: #fff;text-decoration: none;background: #000;}

ul.sub-menu li:last-child {margin-bottom: 0px;padding-bottom: 0px;border-bottom: none;}

ul.sub-menu ul {left: 124%;top: -1px;margin: 0px;}

.gallery.loaded .control {font-size: 20px;}

#fancybox-title-outside {color: #0f0d0d;font-size: 14px;font-family: "signikaregular";text-transform: uppercase;}

/******End*********/

/*========================*/

.gallery.loaded .control .counter {background: url(images/underline1.png) no-repeat center 0;height: 50px;padding-top: 15px;background-size: 50px;}

#fancybox-left {left: -107px;visibility: visible !important;}

#fancybox-right {right: -107px;visibility: visible !important;}

/******************responsive***************/

@media only screen and (min-width:1003px) and (max-width:1280px) {.content-middle p {font-size: 13px;line-height: 20px;}

.top-nav ul li {font-size: 16px;}

.top-nav ul li a {padding: 0 13px;}

.left-nav ul li a {padding: 2px 0 2px 76px;}

.gallery .stage {height: 596px !important;}

.back-front-content {padding-right: 0;}

.logo {margin: -2px 0 0;padding: 0;}

.logo img {width: auto;height: 20px;}

.min-width {width: 30%;}

.full-width {width: 60%;}





}

@media only screen and (min-width:801px) and (max-width:1001px) {.section-one .col-xs-2 {width: 30%;}

.section-one .col-xs-10 {width: 70%;}

.content-middle p {font-size: 13px;line-height: 20px;}

.top-nav ul li {font-size: 16px;}

.top-nav ul li a {padding: 0 13px;}

.sider4-caption {right: 0;width: 214px;}

.download-col {padding: 23px 0 30px;}

.field-submit {margin: 0;width: 100%;background-size: 100% 100%;}

li.bjqs-slide:nth-child(2) .slider-img {background-position: left -100px center !important;}

li.bjqs-slide:nth-child(3) .slider-img {background-position: left -150px center !important;}

li.bjqs-slide:nth-child(4) .slider-img {background-position: right -150px center !important;}

li.bjqs-slide:nth-child(5) .slider-img {background-position: right -150px center !important;}

li.bjqs-slide:nth-child(5) .slider-img {background-position: left -150px center !important;}

.content-middle {padding-right: 0;}

.gallery .stage {height: 596px !important;}

.back-front-content {padding-right: 0;}

.works-col-left {position: static;}

.about-content {padding: 0;}

.about-content p {font-size: 13px;line-height: 22px;}

.no_btnx {font-size: 12px;padding: 0;text-align: left;width: 81%;}

.download-col p a {font-size: 12px;}

.logo {margin: -2px 0 0;padding: 0;}

.logo img {width: 100%;height: auto;}

.min-width {width: 32%;}

.full-width {width: 64%;}







}

@media only screen and (min-width:651px) and (max-width:800px) {/*************iphone-menu*************************************************************************/

.menuImage {float: none;height: 40px;margin: 0;position: absolute;right: 18px;top: 0;width: 44px;z-index: 1;}

.menuImage > img {height: auto;width: 100%;display: block !important;}

.iphon_navigation {background: #ffffff;border-radius: 0;border-top: none;margin: 0;overflow: hidden;position: absolute;right: 72px;top: 7px;width: 55%;z-index: 99;}

.iphon_navigation ul {margin: 0px;padding: 0px;list-style: none;}

.iphon_navigation ul li {border-top: 1px solid #cccccc;display: block;list-style: none;margin: 0;padding: 0;text-align: left;width: 100%;position: relative;text-transform: inherit;}

.iphon_navigation ul li:first-child {border-top: none;}

.iphon_navigation ul img {display: block;float: left;height: 20px;margin-right: 5px;width: 15px;}

.parentMenu > div.subItem {width: 50px;height: 24px;float: right;background: url(images-home/faq-arrowup.png) no-repeat center;cursor: pointer;}

.parentMenuActive > div.subItem {width: 50px;height: 24px;position: absolute;right: 0;top: 0;background: url(images-home/faq-arrowdown.png) no-repeat center!important;cursor: pointer;}

.parentMenu > div.subItem {background: url(images-home/faq-arrowup.png) no-repeat center center;cursor: pointer;position: absolute;right: 0;top: 0;width: 50px;height: 24px;}

.iphon_navigation ul li a {background: #2f2f2f;color: #ffffff;display: block;font-size: 12px;letter-spacing: 1px;line-height: 20px;list-style: none;margin: 0;overflow: hidden;padding: 5px 10px;text-decoration: none;text-transform: inherit;}

.iphon_navigation ul li a:hover {color: #fff;text-shadow: inherit;text-decoration: none;background: #000;}

/********adrodown***********/

.iphon_navigation > ul ul {background-image: none !important;margin: 0;padding: 0;width: 100%;}

.iphon_navigation ul ul li {background: #258fcd;list-style: none;margin: 0;padding: 0;text-align: left;width: 100%;border: none;}

.iphon_navigation ul ul li a {background: #333;color: #FFFFFF;display: block;letter-spacing: 1px;list-style: none;margin: 0 0 1px;padding: 6px 10px;text-decoration: none;text-transform: inherit;}

.iphon_navigation ul li a:hover {color: #fff;text-shadow: inherit;text-decoration: none;background: #000;}

.iphon_navigation ul ul ul {margin: 0;padding: 0;text-align: left;width: 100%;list-style: none;}

.iphon_navigation ul ul li a {background: #212121;color: #ffffff;display: block;font-size: 11px;letter-spacing: 1px;line-height: 15px;list-style: none;margin: 0 0 1px;padding: 4px 10px;text-decoration: none;text-transform: inherit;}

.iphon_navigation ul ul ul li a:hover {color: #fff;text-shadow: inherit;text-decoration: none;}

.sub-menu {background: #fff;}

/************* Menu end **************/

.sider-caption h1, .sider-caption1 h1, .sider-caption2 h1, .sider-caption3 h1, .sider-caption4 h1 {font-size: 11px;line-height: 17px;}

.sider-caption1 p {font-size: 15px;line-height: 20px;}

.section-one > .container > .row > .col-xs-2 {width: 30%;}

.section-one > .container > .row > .col-xs-10 {width: 70%;}

.content-middle p {font-size: 13px;line-height: 20px;}

.sider4-caption {right: 0;width: 214px;}

.portfolio-2 {width: 100%;}

.download-col {padding: 17px 0 12px;}

.field-submit {margin: 0;width: 100%;background-size: 100% 100%;}

.ftr-nav ul li a {font-size: 11px;padding: 0 5px;}

li.bjqs-slide:nth-child(2) .slider-img {background-position: left -100px center !important;}

li.bjqs-slide:nth-child(3) .slider-img {background-position: left -150px center !important;}

li.bjqs-slide:nth-child(4) .slider-img {background-position: right -150px center !important;}

li.bjqs-slide:nth-child(5) .slider-img {background-position: right -150px center !important;}

li.bjqs-slide:nth-child(5) .slider-img {background-position: left -150px center !important;}

.works-col-left {margin: 0px 0 0;}

.content-middle {padding-right: 0;}

.download-col p a {font-size: 12px;}

.gallery .stage {height: 318px !important;}

.back-front-content {padding-right: 0;}

.works-col-left {position: fixed;}

.top-inn-header .col-xs-3 {width: 70%;}

.top-inn-header .col-xs-9 {width: 30%;}

.top-inn-header .logo {width: 300px;}

.top-inn-header .logo img {width: 100%;height: auto;}

.content-about .section-col .col-xs-8 {width: 100%}

.content-about .section-col .col-xs-4 {width: 100%}

.about-content p {font-size: 12px;line-height: 20px;}

.about-content {padding: 0;}

.about-content p {font-size: 13px;line-height: 22px;}

.section3-col {padding: 24px 0 0;}

.down-arrow {width: 28px;}

.well-sm > img {width: 100%;}

.gallery .control span {height: 18px !important;width: 18px !important;}

.top-header .col-xs-3 {width: 70%;}

.top-header .col-xs-9 {width: 30%;}

.logo {margin: -21px 0 0;padding: 0;}

.logo img {width: 100%;height: auto;}

/*===================*/

.img-slider {background-position: left center;}

.min-width {width: 48%;}

.full-width {width: 48%;}

}

@media only screen and (min-width:526px) and (max-width:650px) {.home_logo {margin: 0px !important;}

/*************iphone-menu*************************************************************************/

.menuImage {float: none;height: 40px;margin: 0;position: absolute;right: 18px;top: 27px;width: 44px;z-index: 1;}

#fancybox-left {visibility: visible !important;}

#fancybox-right {visibility: visible !important;}

.menuImage > img {height: auto;width: 100%;display: block !important;}

.iphon_navigation {background: #ffffff;border-radius: 0;border-top: none;left: 0;margin: 0;overflow: hidden;position: absolute;right: 0;top: 66px;width: 100%;z-index: 99;}

.iphon_navigation ul {margin: 0px;padding: 0px;list-style: none;}

.iphon_navigation ul li {border-top: 1px solid #cccccc;display: block;list-style: none;margin: 0;padding: 0;text-align: left;width: 100%;position: relative;text-transform: inherit;}

.iphon_navigation ul li:first-child {border-top: none;}

.iphon_navigation ul img {display: block;float: left;height: 20px;margin-right: 5px;width: 15px;}

.parentMenu > div.subItem {width: 50px;height: 24px;float: right;background: url(images-home/faq-arrowup.png) no-repeat center;cursor: pointer;}

.parentMenuActive > div.subItem {width: 50px;height: 24px;position: absolute;right: 0;top: 0;background: url(images-home/faq-arrowdown.png) no-repeat center!important;cursor: pointer;}

.parentMenu > div.subItem {background: url(images-home/faq-arrowup.png) no-repeat center center;cursor: pointer;position: absolute;right: 0;top: 0;width: 50px;height: 24px;}

.iphon_navigation ul li a {background: #2f2f2f;color: #ffffff;display: block;font-size: 12px;letter-spacing: 1px;line-height: 20px;list-style: none;margin: 0;overflow: hidden;padding: 5px 10px;text-decoration: none;text-transform: inherit;}

.iphon_navigation ul li a:hover {color: #fff;text-shadow: inherit;text-decoration: none;background: #000;}

/********adrodown***********/

.iphon_navigation > ul ul {background-image: none !important;margin: 0;padding: 0;width: 100%;}

.iphon_navigation ul ul li {background: #258fcd;list-style: none;margin: 0;padding: 0;text-align: left;width: 100%;border: none;}

.iphon_navigation ul ul li a {background: #333;color: #FFFFFF;display: block;letter-spacing: 1px;list-style: none;margin: 0 0 1px;padding: 6px 10px;text-decoration: none;text-transform: inherit;}

.iphon_navigation ul li a:hover {color: #fff;text-shadow: inherit;text-decoration: none;background: #000;}

.iphon_navigation ul ul ul {margin: 0;padding: 0;text-align: left;width: 100%;list-style: none;}

.iphon_navigation ul ul li a {background: #212121;color: #ffffff;display: block;font-size: 11px;letter-spacing: 1px;line-height: 15px;list-style: none;margin: 0 0 1px;padding: 4px 10px;text-decoration: none;text-transform: inherit;}

.iphon_navigation ul ul ul li a:hover {color: #fff;text-shadow: inherit;text-decoration: none;}

.sub-menu {background: #fff;}

/************* Menu end **************/

.top-header .col-xs-9 {position: inherit;}

.top-header, .top-inn-header {padding: 22px 0;}

.sider-caption h1, .sider-caption1 h1, .sider-caption2 h1, .sider-caption3 h1, .sider-caption4 h1 {font-size: 11px;line-height: 17px;}

.sider-caption, .sider-caption1, .sider-caption2, .sider-caption3, .sider-caption4 {width: 80%;}

.sider-caption1 p {font-size: 15px;line-height: 20px;}

li.bjqs-slide:nth-child(2) .slider-img {background-position: left -100px center !important;}

li.bjqs-slide:nth-child(3) .slider-img {background-position: left -150px center !important;}

li.bjqs-slide:nth-child(4) .slider-img {background-position: right -150px center !important;}

li.bjqs-slide:nth-child(5) .slider-img {background-position: right -150px center !important;}

li.bjqs-slide:nth-child(5) .slider-img {background-position: left -150px center !important;}

/**************/

.section-one .col-xs-2 {width: 100%;}

.section-one .col-xs-10 {width: 100%;}

.works-col-left {margin: 0;position: static;}

.content-middle p {font-size: 13px;line-height: 20px;}

.top-inn-header .col-xs-9 {position: inherit;}

.content-middle p {font-size: 12px;line-height: 17px;}

.cil-left-con1 h4 {font-size: 11px;line-height: 17px;}

.left-nav ul li a {padding: 4px 10px 2px 0;}

.left-nav ul li {margin: 0 0 4px;}

.left-nav {margin: 0 36px 0 0px;}

.section-one {padding: 0 10px;}

.sider4-caption {right: 0;width: 214px;}

.portfolio-2 {width: 100%;}

.download-col {padding: 24px 0 10px;}

.download-col p a {font-size: 11px;}

.field-submit {margin: 0;width: 100%;background-size: 100% 100%;}

.ftr-nav ul li a {font-size: 11px;padding: 0 5px;}

.col-hd3-one p {font-size: 12px;line-height: 20px;}

.about-content p {font-size: 12px;line-height: 20px;}

ul.bjqs-controls {display: none;}

.ftr-nav ul li {border-bottom: 1px solid #333333;font-size: 13px;margin: 0 0 3px;width: 100%;border-right: none;}

.ftr-nav ul li:last-child {border-bottom: none;}

.ftr-nav ul li a {display: block;font-size: 15px;padding: 13px 5px;}

.left-nav {margin: 0;}

.left-nav ul li a:hover {background: url(images/view-works.png) no-repeat right top;background-size: 100% 100%;}

.works-col-left h3 {font-size: 18px;padding: 0 0 10px 17px;}

.left-nav ul li {border-bottom: 1px solid #e1e1e1;margin: 0 0 8px;}

.left-nav ul li a {padding: 4px 10px 2px 20px;}

.works-col-left h3 {font-size: 18px;padding: 0 0 15px 17px;}

.works-col-left {background: #ededed;border: 1px solid #e4e4e4;margin: 0 0 15px;padding: 10px;}

.top-inn-header .logo {padding: 0;width: 323px;}

.top-inn-header .logo img {max-width: 100%;height: auto;}

.content-middle {padding-right: 0;}

.back-front-content {padding-right: 0;}

.portfolioFilter {text-align: left;}

.gallery .control span {height: 18px !important;width: 18px !important;}

.left-nav ul li:last-child {border-bottom: none;}

.top-inn-header .col-xs-3 {width: 70%;}

.top-inn-header .col-xs-9 {width: 30%;}

.section-col .col-xs-8 {width: 100%;}

.section-col .col-xs-4 {width: 100%;}

.about-content {padding: 0;}

.section3-col {padding: 20px 0 0;}

.down-arrow {width: 28px;}

.well-sm > img {width: 100%;}

.top-header .col-xs-3 {width: 70%;}

.top-header .col-xs-9 {width: 30%;}

.logo {margin: -4px 0 0;padding: 0;}

.logo img {width: 100%;height: auto;}

/*===================*/

.img-slider {background-position: left center;}

}



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

.gallery .stage {height: 490px !important} 

.gallery .control .next,.gallery .control .back {position: absolute; top: 38%;}

}



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

.gallery .stage {height: 596px !important} 

.gallery .control .next,.gallery .control .back {position: absolute; top: 38%;}

}



@media only screen and (min-width:240px) and (max-width:767px) {

.video_middle iframe{ width:100%; height:184px;}

.top-inn-header .logo {margin: 0px!important;}

.top-inn-header .logo img {width: 80%;height: auto !important;}

.home_logo {margin: 0px !important;}

.home_logo img {width: 80%!important;height: auto !important;}

.works-col-left {display: none;}

.main-middle {padding: 80px 0 0;}

.gallery.loaded .control .counter::first-letter {font-size: 11px;}

.gallery.loaded .control .counter {background-size: 20px; font-size: 11px; padding-top: 7px; height: auto;}

}



@media only screen and (min-width:240px) and (max-width:480px) {

.gallery .stage {height: 256px !important; }

.gallery .control .next,.gallery .control .back {position: absolute; top: 35%;}

}



@media only screen and (min-width:480px) and (max-width:767px) {

.video_middle iframe{ width:100%; height:290px !important;}

.top-inn-header .logo {margin: 0px!important;}

.top-inn-header .logo img {width: 80%;height: auto !important;}

.home_logo {margin: 0px !important;}

.home_logo img {width: 60%!important;height: auto !important;}

.gallery .stage {height: 290px !important;}

}

@media only screen and (min-width:768px) and (max-width:1023px) {

.home_logo {margin: 0px !important;}

.home_logo img {width: 80%!important;height: auto !important;}

.gallery .control .next,.gallery .control .back {position: absolute; top: 38%;}

}



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

.home_logo {margin: 0px !important;}

.home_logo img {width: 80%!important;height: auto !important;}

}

@media only screen and (max-width:525px) {

/*************iphone-menu*************************************************************************/

.menuImage {float: none;height: 40px;margin: 0;position: absolute;right: 18px;top: 21px;width: 44px;z-index: 1;}

.menuImage > img {height: auto;width: 100%;display: block !important;}

#fancybox-left {visibility: visible !important;}

#fancybox-right {visibility: visible !important;}

.iphon_navigation {background: #ffffff;border-radius: 0;border-top: none;left: 0;margin: 0;overflow: hidden;position: absolute;right: 0;top: 66px;width: 100%;z-index: 99;}

.iphon_navigation ul {margin: 0px;padding: 0px;list-style: none;}

.iphon_navigation ul li {border-top: 1px solid #cccccc;display: block;list-style: none;margin: 0;padding: 0;text-align: left;width: 100%;position: relative;text-transform: inherit;}

.iphon_navigation ul li:first-child {border-top: none;}

.iphon_navigation ul img {display: block;float: left;height: 20px;margin-right: 5px;width: 15px;}

.parentMenu > div.subItem {width: 50px;height: 24px;float: right;background: url(images-home/faq-arrowup.png) no-repeat center;cursor: pointer;}

.parentMenuActive > div.subItem {width: 50px;height: 24px;position: absolute;right: 0;top: 0;background: url(images-home/faq-arrowdown.png) no-repeat center!important;cursor: pointer;}

.parentMenu > div.subItem {background: url(images-home/faq-arrowup.png) no-repeat center center;cursor: pointer;position: absolute;right: 0;top: 0;width: 50px;height: 24px;}

.iphon_navigation ul li a {background: #2f2f2f;color: #ffffff;display: block;font-size: 12px;letter-spacing: 1px;line-height: 20px;list-style: none;margin: 0;overflow: hidden;padding: 5px 10px;text-decoration: none;text-transform: inherit;}

.iphon_navigation ul li a:hover {color: #fff;text-shadow: inherit;text-decoration: none;background: #000;}

/********adrodown***********/

.iphon_navigation > ul ul {background-image: none !important;margin: 0;padding: 0;width: 100%;}

.iphon_navigation ul ul li {background: #258fcd;list-style: none;margin: 0;padding: 0;text-align: left;width: 100%;border: none;}

.iphon_navigation ul ul li a {background: #333;color: #FFFFFF;display: block;letter-spacing: 1px;list-style: none;margin: 0 0 1px;padding: 6px 10px;text-decoration: none;text-transform: inherit;}

.iphon_navigation ul li a:hover {color: #fff;text-shadow: inherit;text-decoration: none;background: #000;}

.iphon_navigation ul ul ul {margin: 0;padding: 0;text-align: left;width: 100%;list-style: none;}

.iphon_navigation ul ul li a {background: #212121;color: #ffffff;display: block;font-size: 11px;letter-spacing: 1px;line-height: 15px;list-style: none;margin: 0 0 1px;padding: 4px 10px;text-decoration: none;text-transform: inherit;}

.iphon_navigation ul ul ul li a:hover {color: #fff;text-shadow: inherit;text-decoration: none;}

.sub-menu {background: #fff;}

/************* Menu end **************/

.top-header .col-xs-9 {position: inherit;}

.top-header, .top-inn-header {padding: 22px 0;}

.sider-caption h1, .sider-caption1 h1, .sider-caption2 h1, .sider-caption3 h1, .sider-caption4 h1 {font-size: 11px;line-height: 17px;}

.sider-caption, .sider-caption1, .sider-caption2, .sider-caption3, .sider-caption4 {width: 80%;}

.sider-caption1 p {font-size: 15px;line-height: 20px;}

li.bjqs-slide:nth-child(2) .slider-img {background-position: left -150px center !important;}

li.bjqs-slide:nth-child(3) .slider-img {background-position: left -150px center !important;}

li.bjqs-slide:nth-child(4) .slider-img {background-position: right -150px center !important;}

li.bjqs-slide:nth-child(5) .slider-img {background-position: right -150px center !important;}

li.bjqs-slide:nth-child(5) .slider-img {background-position: left -150px center !important;}

/**************/

.section-one .col-xs-2 {width: 100%;}

.section-one .col-xs-10 {width: 100%;}

.works-col-left {margin: 0;position: static;}

.content-middle p {font-size: 13px;line-height: 20px;}

.top-inn-header .col-xs-9 {position: inherit;}

.content-middle p {font-size: 12px;line-height: 17px;}

.cil-left-con1 h4 {font-size: 11px;line-height: 17px;}

.left-nav ul li a {padding: 4px 10px 2px 20px;}

.left-nav ul li {border-bottom: 1px solid #e1e1e1;margin: 0 0 8px;}

.left-nav {margin: 0 36px 0 0px;}

.section-one {padding: 0 10px;}

.sider4-caption {padding: 10px 0 0;position: static;width: 100%;}

.midd-slider {padding: 0 0 25px;}

.bt-cation {padding: 10px 0 0;}

.portfolio-2 {width: 100%;}

.about-content p {font-size: 12px;line-height: 20px;}

.about-content {padding: 0;}

.download-col {padding: 15px 0 12px;}

.section2-col .col-xs-8 {width: 100%;}

.section2-col .col-xs-4 {width: 100%;}

.field-submit {margin: 0;width: 100%;background-size: 100% 100%;}

.ftr-nav ul li a {font-size: 11px;padding: 0 5px;}

.content-about .section-col .col-xs-4 {width: 100%;padding-bottom: 10px;}

.content-about .section-col .col-xs-8 {width: 100%;}

.col-hd3-one p {font-size: 12px;line-height: 20px;}

.works-col-left {background: #ededed;border: 1px solid #e4e4e4;margin: 0 0 15px;padding: 10px;}

ul.bjqs-controls {display: none;}

.ftr-nav ul li {border-bottom: 1px solid #333333;font-size: 13px;margin: 0 0 3px;width: 100%;border-right: none;}

.ftr-nav ul li:last-child {border-bottom: none;}

.ftr-nav ul li a {display: block;font-size: 15px;padding: 13px 5px;}

.left-nav {margin: 0;}

.left-nav ul li a:hover {background: url(images/view-works.png) no-repeat right top;background-size: 100% 100%;}

.works-col-left h3 {font-size: 18px;padding: 0 0 10px 17px;}

.top-inn-header .logo {width: 250px;}

.top-inn-header .logo img {max-width: 100%;height: auto;}

.content-middle {padding-right: 0;}

.col-hd2-one {padding: 0;text-align: left;}

.section3-col {padding: 18px 0 0;}

.section3-col .col-xs-7 {width: 100% !important;margin-bottom: 20px;}

.section3-col .col-xs-5 {width: 100% !important;}

.down-arrow {width: 28px;}

.well-sm > img {width: 100%;}

.back-front-content {padding-right: 0;}

.min-width {width: 48%;}

.portfolioFilter {text-align: left;}

.gallery .control span {height: 18px !important;width: 18px !important;}

.full-width {width: 48%;}

.left-nav ul li:last-child {border-bottom: none;}

.top-inn-header .col-xs-3 {width: 70%;}

.top-inn-header .col-xs-9 {width: 30%;}

.section3-col {padding: 20px 0 0;}

.top-header .col-xs-3 {width: 70%;}

.top-header .col-xs-9 {width: 30%;}

.logo {margin: 3px 0 0;padding: 0;}

.logo img {width: 100%;height: auto;}

/*===================*/

.img-slider {background-position: left center;}

}