/*reset css starts here*/
* { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6, p, ul, li, body, html, form, fieldset { margin:0; padding:0; outline:none; font-weight:normal; border:0 }
form, fieldset { width:100% }
img { border:0; }
a { text-decoration:none; border:0; outline:0; }
.clear { clear:both; width:auto !important }
ul { list-style:none; }
textarea,input {resize:none;-webkit-appearance:none;border-radius:0;outline:none;}
a:focus, input:focus,button:focus, textarea:focus { outline:0 !important; box-shadow:none !important;}
.nobg { background:transparent !important;}
/*reset css ends here*/
html {width: 100%; height: 100%;}
body{width: 100%; height: 100%;  font:300 16px/26px 'Lato'; color:#666; background:#fff url(../images/main-bg.png) repeat left top; }
.container{width:100%; max-width:1300px;}
a{-moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
a, a:focus{color:#2d2d2d;text-decoration:none; }
a:hover{text-decoration:none; color:#e84545;}
.navbar-default .navbar-nav > li > a{font-weight:700; text-transform:uppercase; color:#fff; padding:0 20px; font-size:14px;}
.navbar-default .navbar-nav > li > a .fa{font-size:20px;}
.navbar-default .navbar-nav > li > a:hover{color:#e84545;}
.navbar-default .navbar-nav > li > a:focus{color:#fff;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{color:#e84545; background:transparent;}
.navbar {padding: 10px 0; margin-bottom:0; -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out; -moz-transition: background .5s ease-in-out, padding .5s ease-in-out; transition: background .5s ease-in-out, padding .5s ease-in-out;}
.top-nav-collapse {padding: 0;}
.navbar-default{ background:transparent; border:0;}
.navbar-default.top-nav-collapse{background: #e84545; background:rgba(232, 69, 69, 0.9); box-shadow:0 3px 0px rgba(0,0,0,0.1);}
.navbar-default.top-nav-collapse .navbar-nav > li > a:hover, .navbar-default.top-nav-collapse .navbar-nav > .active > a, .navbar-default.top-nav-collapse .navbar-nav > .active > a:hover, .navbar-default.top-nav-collapse .navbar-nav > .active > a:focus{color:#2b2e4a;}
.navbar-default.top-nav-collapse .navbar-toggle .icon-bar{background:#fff;}
.navbar-brand{height:auto;}
.navbar-brand img{width:100px;  -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.top-nav-collapse .navbar-brand{padding:15px 15px;}
.headerContent{float:right;margin-top:0px;  position:relative; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.headerUpper{width:100%; float:left;}
.top-nav-collapse .headerContent{margin-top:-100px; opacity:0;}
.headerPhone{float:right; font-size:20px; line-height:36px; margin:0 26px 0 0; color:#fff; font-weight:400;}
.headerPhone .fa{vertical-align:middle;}
.headerPhone a{color:#fff;}
.headerPhone a:hover{color:#e84545; text-decoration:none;}
.navbar-right{clear:right;  -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.navbar-right{margin-top:20px;}
.top-nav-collapse .navbar-right{margin-bottom:20px;}
.top-nav-collapse .navbar-brand img{width:87px;}
ul.socialLinks{width:auto; float:right;}
ul.socialLinks li{float:left; margin:2px 4px;}
ul.socialLinks li:first-child{margin-left:0;}
ul.socialLinks li:last-child{margin-right:0;}
ul.socialLinks li a{width:32px; height:32px; float:left; border:solid 1px #fff; color:#fff; text-align:center; line-height:32px;  -moz-transition: all 0.7s ease; -webkit-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;}
ul.socialLinks li a:hover{border-color:#e84545; background:#e84545; color:#fff;  -moz-transform: rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg);}
.main-container{height:100%;}
.chapter{ height: auto;width:100%; padding:90px 0; position:relative; }
.middle-outer{width:100%; height:100%; display:table; text-align:center; background:rgba(0,0,0,0.6) url(../images/overlay-pattern.png) repeat left top;}
.middle-content{display:table-cell; vertical-align:middle;}
.intro-section {height:100%; background:#000; text-align: center;  color:#fff;  padding:0 !important; }

.dark-bg{background:#f5f5f5; box-shadow:0 0 8px rgba(0,0,0,0.1);}
.heading{margin-bottom:25px; overflow:hidden;}
h1{font:700 90px/90px 'Montserrat'; color:#fff;}
h2{font:700 70px/70px 'Montserrat'; color:#e84545;}
h3{font:700 44px/50px 'Montserrat'; color:#2b2e4a; text-transform:uppercase; margin-bottom:10px;}
h3 small{font:300 28px/50px 'Dancing Script'; color:#e84545; text-transform:lowercase; vertical-align:bottom; margin-left:10px; position:relative; top:-10px;}
h3 small:before{content:'-';}
h3 small:after{content:''; width:10000px; position:absolute; left:100%; bottom:0; height:1px; background:#e84545;}
h4{font:300 30px/30px 'Montserrat'; color:#e84545; text-align:center;}
h5 span{color:#2b2e4a; font-weight:300; font-family:'Lato';}
h5{font:700 26px/50px 'Montserrat'; color:#2b2e4a;}
h6{font:700 16px/20px 'Montserrat'; color:#2b2e4a;}
p{font:300 16px/26px 'Lato'; color:#2d2d2d; margin-bottom:20px;}
.intro-section h2{font:700 30px/50px 'Montserrat'; color:#e84545; margin-bottom:10px;}
.loading-container { position: absolute; left: 50%; top: 50%; z-index: 10;}
.pulse {border: 3px solid #999; height: 30px; width: 30px; position: absolute; left: -15px; top: -15px; -webkit-animation: pulsate 1s ease-out; -webkit-animation-iteration-count: infinite; -webkit-border-radius: 30px;  -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px;  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0;}
@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    opacity: 0.0;
  }

  50% {
    opacity: 1.0;
  }

  100% {
    -webkit-transform: scale(1.2, 1.2);
    opacity: 0.0;
  }
}
#slides {position: relative;}
#slides .slides-container {display: none;}
#slides .scrollable {*zoom: 1; position: relative; top: 0; left: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; height: 100%;}
#slides .scrollable:after { content: ""; display: table; clear: both;}
.slides-navigation { margin: 0 auto; position: absolute; z-index: 3; top: 45%; width: 100%;}
.slides-navigation a {position: absolute; display: block; color:#fff; font-size:70px; }
.slides-navigation a.prev {left: 10px;}
.slides-navigation a.next {right: 10px;}
.slides-pagination { position: absolute; z-index: 3; bottom: 0; text-align: center; width: 100%; }
.slides-pagination a { border: 2px solid #222; border-radius: 15px; width: 10px; height: 10px; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; margin: 2px; overflow: hidden; text-indent: -100%;}
.slides-pagination a.current {background: #222;}
.lead{font-size:26px; line-height:38px; margin-bottom:0; max-width:600px; display:inline-block; color:#fff;}
.go-arrow, .go-arrow:focus{width:40px; height:40px; float:left; border-radius:50%; border:solid 2px #e84545; text-align:center; line-height:35px; color:#e84545; font-size:30px; position:absolute; left:50%; bottom:20px; margin-left:-20px; z-index:99;}
.go-arrow:hover{color:#fff; border-color:#fff;}
.intro-section .btn{margin:1px; padding:15px 35px; border-radius:2px; font-weight:400; font-family:'Montserrat'; font-size:16px; position:relative; }
.btn{ border-radius:0; padding:8px 15px; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.btn-default, .btn-default:focus {color: #e84545; background-color:transparent; border:solid 1px #e84545;}
.btn-default:hover, .btn-default:active{color: #fff !important; background-color:#e84545; border:solid 1px #e84545;}
.intro-section .btn-default:before{content:''; position:absolute; left:0; bottom:0; width:100%; height:100%; background:#fff; z-index:1; height:0px;  -moz-transition: all 0.1s ease; -webkit-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease;}
.btn span{position:relative; z-index:2;}
.btn-default:hover:before{height:100%;}
footer{text-align:center; padding:10px 0; width:100%; float:left; margin-top:-46px; height:46px; background:#2d2d2d; position:relative;}
footer p{ font:300 12px/14px 'Lato'; color:#fff; display:inline-block; margin:0;}
.stats .fa{font-size:50px; color:#2b2e4a; margin-bottom:10px;}
.stats h6{margin-bottom:5px;}
.stats h4{margin-bottom:20px;}
#go-top{width:40px; height:40px; float:left; background:#e84545; color:#fff; line-height:35px; font-size:30px; position:fixed; right:15px; bottom:-150px; text-align:center; z-index:999; cursor:pointer; border-radius:5px; }
#go-top:hover{background:#2b2e4a; }
/* ## Theme Switcher ********************** */
.color-switcher {width: 203px; position: fixed; left: 40px; top: 140px; z-index: 999; padding: 0px; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; box-shadow:2px 2px 2px rgba(0,0,0,0.1);}
.color-switcher h5 {font-size: 15px; margin-top: 0;	padding: 0 20px 0;}
.color-switcher p{font-size: 12px; color: #000; margin-bottom: 0; height: 40px; text-align: left; font-weight: 700; line-height: 42px; text-transform: uppercase;}
.color-switcher ul{list-style: none; padding: 0;}
.color-switcher ul li {float: left;}
.color-switcher ul li a {display: block; width: 35px; height: 35px; outline: none; text-align: center; line-height: 35px; font-size: 14px; color: #333;}
.color-switcher ul li a.one{background: #e84545;}
.color-switcher ul li a.two{background: #f1b149;}
.color-switcher ul li a.three{background: #7ec333;}
.color-switcher ul li a.four{background: #d54378;}
.color-switcher ul li a.five{background: #ff8105;}
.color-switcher ul li a.six{background: #caad8c;}
.color-switcher ul li a.seven{background: #ed0000;}
.color-switcher ul li a.eight{background: #2d2d2d;}
.picker_close{width: 40px; height: 40px; position: absolute; left: -40px; top: 0px; text-align: center; background: #fff;}
.picker_close i{font-size: 22px; margin-top: 9px; color:#e84545;}
.position{left: 40px; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;}
.position .theme-colours{display: table;}
.theme-colours, .layouts, .backgrounds, .choose-header, .choose-footer {display: none; text-align: left; padding-top: 0px; width: 100%; padding: 19px; background: #fff; padding-top:0px; border-radius:0 5px 5px 5px;}
.layouts a, .choose-header a, .choose-footer a{display: inline-block; text-align: center; width: 40%; margin: 0 5px 0 0; color: #5d5d5d; font-size: 15px; border: 1px solid #e7e7e7; padding: 5px 7px 2px;}
.layouts a:hover, .choose-header a:hover, .choose-footer a:hover {border: 2px solid #a9a9a9; padding: 4px 5px 1px}
.styleswitcher {position: fixed; width: 120px; background: #ffffff; color: #595959; top: 150px; right: -123px; z-index: 999;}
.styleswitcher p{color: #000 !important;}
.styleswitcher.ackapa{left: 0;}
.styleswitcher .switch{padding-left: 15px; padding-bottom:10px;}
.styleswitcher .switch h5{margin-top: 20px;}
.styleswitcher .switch p{margin-top: 10px;}
.stylebutton {cursor: pointer; position: absolute; text-align: center; line-height: 40px; background: #fff; font-size: 20px; width: 40px; height: 40px; top: 0px; right: -40px;}
.styleswitcher a{width: 24px; height: 24px; float: left; margin-right: 7px; margin-bottom: 10px; position: relative; z-index: 99998;}
.color-switcher ul li{margin:3px;}

/* ## Page Loader ********************** */
/* LOADING */
.preload-position .logo {margin: 0 auto; width: 120px;}
.preload-position .logo img{width:100%;}
.preload-complete {position: fixed; background: #2b2e4a; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; z-index: 99999;}
.preload-complete .preload-position h6 {text-align: center; color: #fff; font-size: 14px; line-height:24px; margin-top:15px; font-weight: 300; font-style: italic; font-family:'lato';}
.preload-complete .preload-position { position: absolute; top: 50%; left: 0; z-index: 999; right: 0; margin-top: -100px;}
.preload-complete .preloading {position: absolute; width: 100%; height: 1px; margin: 20px auto; left: 0; right: 0;}
.preload-complete .preloading-line {position: absolute; background: #eee; width: 100%; height: 1px;}
.preload-complete .preloading-break { position: absolute; background: #2b2e4a; width: 150px; height: 1px;}
.preload-complete .preloading-line-1 { -webkit-animation: preloading 2s infinite; -moz-animation: preloading 2s infinite; -ms-animation: preloading 2s infinite; -o-animation: preloading 2s infinite; animation: preloading 2s infinite;}
.preload-complete .preloading-line-2 { -webkit-animation: preloading 2s 0.4s infinite; -moz-animation: preloading 2s 0.4s infinite; -ms-animation: preloading 2s 0.4s infinite; -o-animation: preloading 2s 0.4s infinite; animation: preloading 2s 0.4s infinite;}
.preload-complete .preloading-line-3 {  -webkit-animation: preloading 2s 0.2s infinite; -moz-animation: preloading 2s 0.2s infinite; -ms-animation: preloading 2s 1s infinite; -o-animation: preloading 2s 1s infinite; animation: preloading 2s 0.2s infinite;}
.preload-complete .preloading-line-4 {  -webkit-animation: preloading 2s 0.2s infinite; -moz-animation: preloading 2s 1s infinite; -ms-animation: preloading 2s 0.2s infinite; -o-animation: preloading 2s 1s infinite; animation: preloading 2s 1s infinite;}
.preload-complete .preloading-line-5 {  -webkit-animation: preloading 2s 1.4s infinite; -moz-animation: preloading 2s 1.4s infinite; -ms-animation: preloading 2s 1.4s infinite; -o-animation: preloading 2s 1.4s infinite; animation: preloading 2s 1.4s infinite;}
.preload-complete .preloading-line-6 {  -webkit-animation: preloading 2s 1.8s infinite; -moz-animation: preloading 2s 1.8s infinite; -ms-animation: preloading 2s 1.8s infinite; -o-animation: preloading 2s 1.8s infinite; animation: preloading 2s 1.8s infinite;}
@keyframes "preloading" {
    from {
        left: 0;
    }
    to {
        left: 100%;
    }
}
@-moz-keyframes preloading {
    from {
        left: 0;
    }
    to {
        left: 100%;
    }
}
@-webkit-keyframes "preloading" {
    from {
        left: 0;
    }
    to {
        left: 100%;
    }
}
@-ms-keyframes "preloading" {
    from {
        left: 0;
    }
    to {
        left: 100%;
    }
}
@-o-keyframes "preloading" {
    from {
        left: 0;
    }
    to {
        left: 100%;
    }
}
/* =============service start================ */
ul.services-lists{width:100%; height:auto; float:left; display: -webkit-flex; display: -ms-flexbox; display: flex;  -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
ul.services-lists li{width:25%; height:auto; float:left; padding:10px; display: -webkit-flex; display: -ms-flexbox; display: flex;  -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.service-box{width:100%; float:left; text-align:center; padding:25px;}
.service-box h5{font:700 20px/30px 'Montserrat'; color:#e84545;}
.service-box p{margin:0;}
.service-icon{width:120px; height:120px; display:inline-block; border-radius:50%; line-height:120px; text-align:center; margin-bottom:15px;  border:dashed 1px #2b2e4a; position:relative; overflow:hidden;  -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.service-box .fa{color:#2b2e4a; vertical-align:middle; position:relative; z-index:5;}
.service-box:hover .service-icon{background:#2b2e4a;}
.service-box:hover .service-icon .fa{color:#fff;}
/* =============service end================ */

/* =============team start================ */
ul.member-lists{width:100%; height:auto; float:left; display: -webkit-flex; display: -ms-flexbox; display: flex;  -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
ul.member-lists > li{width:25%; height:auto; float:left;display: -webkit-flex; display: -ms-flexbox; display: flex;  -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding:10px; }
.member-box{width:100%; float:left; position:relative; line-height:0; margin-bottom:1px; overflow:hidden;}
.member-box:before { content: ''; width: 94%; height: 94%; float: left; position: absolute; margin: 3%; z-index: 9; border: solid 2px rgba(255,255,255,0.5);}
.member-box h5{font:300 20px/30px 'Lato'; color:#fff; }
.member-box h5 span{display:inline-block; padding:0px 20px; background:#e84545; color:#fff;}
.member-box p{margin:2px 0 0; font:400 16px/30px 'Montserrat'; color:#fff; position:relative; left:-1000px;   -moz-transition: all 0.1s ease; -webkit-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease;}
.member-box p span{display:inline-block; padding:0px 20px; background:#e84545; color:#fff;}
.member-img{width:100.5%; display:inline-block;position:relative; overflow:hidden;  -moz-transition: all 0.1s ease; -webkit-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease;}
.member-img:before{content:''; width:100%; height:100%; float:left; position:absolute; left:0; top:0; z-index:1; background:url(../images/overlay-pattern.png) repeat left top; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
.member-img img{width:100%; filter: url(filters.svg#grayscale); filter: gray; -webkit-filter: grayscale(1); -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
.member-img figcaption{width:100%; position:absolute; left:3%; bottom:3%; z-index:9; padding:4px;}
ul.member-social{width:auto;  float:left; padding:10px; margin:3%; position:absolute; top:4px; right:-1000px; z-index:9; background:#e84545; -moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
ul.member-social li{display:inline-block; margin:3px 5px;}
ul.member-social li a{float:left; color:#fff;}
ul.member-social li a:hover{color:#2b2e4a;}
.member-box:hover{border-color:#fff;}
.member-box:hover .member-img:before{opacity:0.4;}
.member-box:hover .member-img img{filter: none;-webkit-filter: grayscale(0); transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); }
.member-box:hover h5 span, .member-box:hover p span{background:#fff; color:#e84545;}
.member-box:hover ul.member-social{right:4px;}
.member-box:hover p{left:0;}
/* =============team end================ */

/* =============work start================ */
.mix{display: none;}
ul.project-category li{float:left; padding:3px;}
ul.project-category li a{float:left; padding:5px 15px; border:solid 1px #e84545; color:#e84545;}
ul.project-category li a:hover, ul.project-category li a.active{background:#e84545; color:#fff;}
ul.project-list{width:100%; height:auto; float:left; margin:30px 0; line-height:0;}
ul.project-list > li{width:20%; height:auto; float:left; padding:3px;}
ul.project-list > li img{width:100%;}
.fancybox{border:solid 1px #999; border-color:rgba(0,0,0,0.1); padding:2px; display:inline-block; position:relative; overflow:hidden;  }
.caption{width:100%; height:100%; padding:10px; background:#e84545;  background:rgba(43, 46, 74, 0.8); color:#fff; position:absolute;text-align:center; padding-top:20%; font:300 20px/30px 'Lato';  display:none; }
.caption span{display:block; margin-bottom:20px;}
/* =============work end================ */


/* =============clients start================ */
ul.clients-list{margin:0  0 30px 0; font-size:0; line-height:0;}
ul.clients-list > li{width:25%; height:auto; display:inline-block; padding:3px;}
ul.clients-list > li img{width:100%;  border:solid 3px #999; border-color:rgba(0,0,0,0.04); padding:2px; filter: url(filters.svg#grayscale); filter: gray; -webkit-filter: grayscale(1);  -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;  }
ul.clients-list > li img:hover{ filter: none;-webkit-filter: grayscale(0); border-color:#e84545;}
.flexslider { margin: 0; background: transparent; border: 0; border-radius: 0; box-shadow:none; }
.flex-control-nav{text-align:right; line-height:0; font-size:0; z-index:9999;}
.flex-control-nav li{margin:0 3px;}
.flex-control-paging li a{background:#2b2e4a; box-shadow:none;}
.flex-control-paging li a.flex-active{background:#e84545; }
.testimonial-container{ padding:30px 10% 0; }
.flexslider{margin:20px 0 0; position:relative;}
.flexslider:before{content:'\f10d'; font-family:'fontAwesome'; position:absolute; left:-15px; top:0px; color:rgba(0,0,0,0.1); font-size:80px;}
.testimonial-by{width:100%; float:left; margin-top:15px;}
.testimonial-by > img{float:left; width:50px !important; height:50px !important; border-radius:50%; margin:-5px 15px 0 0;}
.testimonial-by h6{margin-top:0px;}
.testimonial-by h6 span{display:block; font-size:15px; color:#e84545; font-weight:300; font-family:'Lato';}
/* =============clients end================ */
/* =============blog start================ */
.blog-post-item {margin-bottom: 30px; background:#fff;box-shadow:0 1px 1px rgba(0,0,0,0.1); position:relative; color:#fff; padding-bottom:20px; }
.blog-post-item.single-post{box-shadow:none; margin-bottom:0; padding-bottom:0;}
.blog-post-item .post-header {text-align: center; background:#e84545; padding:20px 30px; }
.blog-post-item .post-header.text-left {text-align: left;}
.blog-post-item .post-header .cat a {letter-spacing: 3px; text-transform: uppercase; color: #2b2e4a;}
.blog-post-item .post-header h2, .blog-post-item .post-header h3, .blog-post-item .post-header h4 {margin:0 0 10px; line-height:30px; color: #fff; font-family:'Lato'; font-weight:700; font-size:22px;}
.blog-post-item .post-header h2 a, .blog-post-item .post-header h3 a, .blog-post-item .post-header h4 a {color: #fff;}
.blog-post-item .post-header h2 a:hover, .blog-post-item .post-header h3 a:hover, .blog-post-item .post-header h4 a:hover{color: #2b2e4a; text-decoration:none;}
.blog-post-item.single-post .post-entry{padding:15px;}
.blog-post-item.single-post .post-entry h5{font-size:20px;}
.post-entry p{padding:15px; margin:0;}
.blog-post-item.single-post .post-entry p{padding:0 0 20px 0;}
.blog-post-item .post-img img{width:100%; filter: url(filters.svg#grayscale); filter: gray; -webkit-filter: grayscale(1);  -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.blog-post-item .post-img img:hover, .blog-post-item.single-post  .post-img img{ filter: none;-webkit-filter: grayscale(0); border-color:#e84545;}
.post-share {text-align: center; }
.post-share .post-share-box {padding: 15px 0; color:#2b2e4a; }
.post-share-box h6{margin:0; text-transform:uppercase;}
.post-share .post-share-box:last-child {border-right: 0;}
.post-share .post-share-box.share-links a {display: inline-block; margin: 0 3px;}
.post-share .post-share-box.share-links a:hover{color:#2b2e4a;}
.post-share a { color: #e84545;}
.post-share a:hover{text-decoration:none; color:#2b2e4a;}
.post-share a:hover h6{text-decoration:none; color:#e84545;}
.pagination > li > a, .pagination > li > span, .pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {background:#fff; border:0; padding:10px 15px; box-shadow:0 1px 1px rgba(0,0,0,0.1);  color:#e84545; margin:1px !important; }
.pagination > li > a:hover, .pagination > li > span:hover{background:#2b2e4a; border-color:#2b2e4a; color:#fff;}
.pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span{border-radius:0;}
.modal-dialog{width:800px;}
.modal-body{padding:0;}
.modal-content{border-radius:0;}
button.close, button.close:hover{font-size:30px; padding:4px; line-height:27px; color:#fff; text-shadow:none; opacity:1; background:#e84545; position:absolute; top:0; right:0; z-index:9999;}
.modal-footer{border-top:0;}
/* =============blog end================ */

/* =============contact start================ */
ul.contact-details{padding-bottom:30px; }
ul.contact-details > li{margin-bottom:20px;}
ul.socialLinks.dark{margin:10px 0 0 0; float:none; display:inline-block;}
ul.socialLinks.dark li a{width:32px; height:32px; float:left; border:solid 1px #2b2e4a; color:#2b2e4a; text-align:center; line-height:32px;}
ul.socialLinks.dark li a:hover{border-color:#e84545; background:#e84545; color:#fff;}
.form-control{border:0; box-shadow:none !important; height:50px; font:400 16px/22px 'Montserrat'; color:#2b2e4a; border:solid 1px #ddd; border-radius:0; background:transparent; }
.form-control:focus{border-color:#2b2e4a;}
textarea.form-control{height:180px; resize:none;}
.btn-primary, .btn-primary:focus{color: #fff; background-color: #e84545; border-color: #e84545; border-radius:0; height:50px; font:400 20px/30px 'Montserrat'; padding:10px 35px; }
.btn-primary:hover, .btn-primary:active{color: #fff; background-color: #2b2e4a !important; border-color: #2b2e4a !important;}
.form-group{position:relative;}
.form-group span{position:absolute; right:0; top:0; background:#d10202; padding:0 10px; color:#fff; font-size:12px; line-height:20px; margin-top:-10px; font-style:italic; display:none; }
.form-group.error span{display:block;}
.contact-section {background:#2b2e4a url(../images/contact-bg.jpg) no-repeat center center; background-size:cover; background-attachment:fixed;}
.contact-section:before{content:''; position:absolute; left:0; top:0; width:100%; height:100%; float:left; background:rgba(0,0,0,0.75) url(../images/overlay-pattern.png) repeat left top;}
.contact-section h3, .contact-section h3 small, .contact-section h6, .contact-section p, .contact-section p a{color:#fff !important;color:rgba(255,255,255,1) !important;}
.contact-section ul.socialLinks.dark li a{color:#fff; color:rgba(255,255,255,1); border-color:#fff; border-color:rgba(255,255,255,1); }
.contact-section .form-control, .contact-section .form-control:focus{border-color:#fff;  border-color:rgba(255,255,255,1); color:#fff;  color:rgba(255,255,255,1);}
.contact-section h3 small:after{background:#fff; background:rgba(255,255,255,1);}
/* =============contact end================ */

/* ============================= */
/* ! Layout for 13 inch screen */
/* ============================= */
@media only screen and (max-width: 1300px) {
.lead{font-size:20px; line-height:32px;}
}


/* ============================= */
/* ! Layout for ipad lanscape */
/* ============================= */
@media only screen and (max-width: 1050px) {
ul.member-lists > li{width:33.3%;}
ul.member-social{right:4px;}
.member-box p{left:0;}
}


/*============================= 
! Layout for ipad portrait  
============================= */
@media only screen and (max-width: 992px) {
body, p{font-size:14px; line-height:22px;}
h1{font-size:70px; line-height:70px; }
h2{font-size:50px; line-height:50px;}
h3{font-size:30px; line-height:30px;}
.rotateText span, .rotateText{min-height:75px;}
.intro-section h2{font-size:24px; line-height:30px; margin-bottom:5px;}
.intro-section .lead{font-size:17px; line-height:28px;}
.modal-dialog{width:auto;}
.navbar-default .navbar-nav > li > a{padding:0 12px;}
ul.services-lists li, ul.project-list > li{width:33.3%;}
ul.member-lists > li{width:50%;}
.service-box{padding:15px;}
.service-box h5{font-size:17px;}
h3 small{top:-7px; font-size:24px; line-height:32px;}
.blog-post-item .post-header h2, .blog-post-item .post-header h3, .blog-post-item .post-header h4{font-size:18px; line-height:24px;}
.btn-primary, .btn-primary:focus{font-size:16px;}
ul.member-social{right:4px;}
.member-box p{left:0;}
}
/* ============================= */
/* ! Layout for mobile(lanscape) version   */
/* ============================= */
@media handheld, only screen and (max-width: 767px) {

.navbar-fixed-top{padding:0;}
.navbar-default{background: rgba(0,0,0,0.3);}
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:focus{color:#fff;}
.navbar-default .navbar-nav > li > a:hover{color:#e84545;}
.navbar-default .navbar-brand, .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus{color:#e84545;}
.navbar-toggle{border:0; margin-right:5px; margin-top:17px;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: transparent;}
.navbar-default .navbar-toggle .icon-bar{background:#e84545;}
.navbar-collapse{box-shadow:none;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border:0;}
.navbar-brand{padding:15px;}
.navbar-brand img{width:87px;}
.navbar-nav, .top-nav-collapse .navbar-right{margin-top:0; margin-bottom:0;}
.navbar-default .navbar-nav > li > a{padding:10px 15px;}
h3 small{display:block; top:auto;}
h1{font-size:44px; line-height:50px; }
h5{font-size:22px;}
.chapter{padding:75px 0 45px;}
.intro-section .lead{font-size: 14px; line-height: 22px; padding:0 30px;}
.go-arrow, .go-arrow:focus{width:32px; height:32px; line-height:28px; font-size:21px;}
footer{margin-top:0;}
footer .text-left, footer .text-right{text-align:center;}
.stats .fa{font-size:36px; margin-bottom:0;}
.stats h6{font-size:13px;}
.stats h4{font-size:24px;}
ul.services-lists li, ul.project-list > li{width:50%;}
ul.clients-list > li{width:33.3%}
.testimonial-container{padding:20px 5% 0;}
.flexslider{margin-top:0;}
ul.contact-details{margin:0;}
.member-box .member-img img, .blog-post-item .post-img img, ul.clients-list > li img{filter: none;-webkit-filter: grayscale(0);  }
.member-img:before{opacity:0.4;}
.slides-navigation a{font-size:50px;}
}
/* ============================= */
/* ! Layout for mobile(portrait) version   */
/* ============================= */
@media only screen and (max-width: 479px) {

ul.services-lists li, ul.member-lists > li, ul.project-list > li{width:100%;}
ul.clients-list > li{width:50%}
}