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

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

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

}


@import url(https://fonts.googleapis.com/css?family=Didact+Gothic);
body {margin:0; padding:0; background:#fff;font-family: 'Didact Gothic', sans-serif;}
a, a:hover {text-decoration:none; outline:0;}
:focus {box-shadow:none; border:none;}
input, select, textarea {border-radius:0; color:#6c6c6c;}
input:focus {box-shadow:none;}
focus, target, selected, before, after {border:none; box-shadow:none;}
select::-ms-expand {display: none;}
select[option:selected]{background:none;}
:focus {outline: 0;}
::-webkit-input-placeholder {color:#979797; opacity:1;}
:-moz-placeholder { /* Firefox 18- */color: #979797; opacity:1;}
::-moz-placeholder {  /* Firefox 19+ */ color: #979797;opacity:1;}
:-ms-input-placeholder {color: #979797; opacity:1;}
.clear {clear:both;}
.container {position:relative;}
a:hover, a:focus {text-decoration:none; outline:none;}

a {color:#787878;}
a:hover {color:#000;}


header .logo {text-align:center; padding:15px 0}
header .logo img {max-width:100%;}


header .navigation {text-align:center; margin:0; text-transform:capitalize; background:#fff; border-top:1px solid #e5e5e5;}
header .navigation .navbar-default {background:none; border:none; margin:0; min-height:0;}
header .navigation .navbar-collapse {padding:0;}
header .navigation .navbar-nav {float:none; margin:0;}
header .navigation .navbar-nav > li {float:none; display:inline-block; vertical-align:middle;}
header .navigation .navbar-default .navbar-nav > li > a {padding:22px; margin:0 4px; color:#676767; font-size:15px;text-transform:capitalize; border-top:1px solid #e5e5e5; margin-top:-1px;}
header .navigation .navbar-default .navbar-nav > .active > a, header .navigation .navbar-default .navbar-nav > .active > a:hover, header .navigation .navbar-default .navbar-nav > .active > a:focus {background:none; color:#000;border-top:1px solid #000;}
header .navigation .navbar-default .navbar-nav > li:hover > a, header .navigation .navbar-default .navbar-nav > li:focus > a {background:none; color:#000;border-top:1px solid #000;}
header .navigation .navbar-nav > li > .dropdown-menu {opacity:0;transition: all ease 0.3s; display:none; border-top:none; padding:0; min-width:200px;}
header .navigation .navbar-nav > li:hover > .dropdown-menu {transition: all ease 0.3s;opacity:1; display:block;}
header .navbar-default .navbar-brand {padding:5px 10px; display:none;}
header .navbar-brand > img {max-height:70px;}
header .caret {margin-top:2px; vertical-align:top; display:none;}

header .navigation .navbar-nav > li > .dropdown-menu {padding-top:0; border:none; box-shadow:2px 4px 5px rgba(0, 0, 0, 0.7);}
header .dropdown-menu li a {color:#fff; padding:7px 10px; background:rgba(238,28,35,.9); text-transform:uppercase; }
header .dropdown-menu > li > a:focus, header .dropdown-menu > li > a:hover {background:rgba(31,27,80,.9); color:#fff;}

#owl-basic, #testimonial {cursor:all-scroll;}

.panel-1 {background:#f4f4f4; padding:50px 0 0;}
.panel-1 ul {list-style-type:none; padding:0; text-align:center;}
.panel-1 ul li .image {min-height:70px; display:none;}
.panel-1 ul li {display:inline-block; vertical-align:top; width:30%; padding:0 2%; margin:0 0 50px;}
.panel-1 ul li img {margin:0 auto; display:block;}
.panel-1 ul li h3 {font-size:26px; color:#000; margin:0 0 30px; font-family: 'loraregular';}
.panel-1 ul li p {font-size:15px; color:#525252; margin:0 0 20px;}

.parallax { position:relative;}
.parallax .paral-img { width:100%;}
.parallax .overlay {position:absolute; width:100%; height:100%; background:rgba(0,0,0,.3); z-index:9; top:0; display:none} 

/*.parallax { position:relative;}
.parallax .paral-img {background-attachment:fixed; min-height:590px; background-size:cover;}
.parallax .paral-img iframe{ margin-top:10%;}
.parallax .overlay {position:absolute; width:100%; height:100%; background:rgba(0,0,0,.3); z-index:9; top:0; display:none} */

#consulting .demo-div {min-height:120px;}
#services .demo-div {min-height:50px;}
#clients .demo-div {min-height:50px;}
#team .demo-div {min-height:50px;}
#contacts .demo-div {min-height:50px;}
.panel-2 h2 {background:url(../images/head-title.png) no-repeat center bottom; padding:0 0 50px; margin:0 0 50px; color:#000;font-family: 'loraregular'; text-align:center; font-size:60px; text-transform:uppercase}

.panel-2 .details {
background: rgba(242,242,242,1);
background: -moz-linear-gradient(left, rgba(242,242,242,1) 0%, rgba(242,242,242,1) 50%, rgba(248,248,248,1) 50%, rgba(248,248,248,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(242,242,242,1)), color-stop(50%, rgba(242,242,242,1)), color-stop(50%, rgba(248,248,248,1)), color-stop(100%, rgba(248,248,248,1)));
background: -webkit-linear-gradient(left, rgba(242,242,242,1) 0%, rgba(242,242,242,1) 50%, rgba(248,248,248,1) 50%, rgba(248,248,248,1) 100%);
background: -o-linear-gradient(left, rgba(242,242,242,1) 0%, rgba(242,242,242,1) 50%, rgba(248,248,248,1) 50%, rgba(248,248,248,1) 100%);
background: -ms-linear-gradient(left, rgba(242,242,242,1) 0%, rgba(242,242,242,1) 50%, rgba(248,248,248,1) 50%, rgba(248,248,248,1) 100%);
background: linear-gradient(to right, rgba(242,242,242,1) 0%, rgba(242,242,242,1) 50%, rgba(248,248,248,1) 50%, rgba(248,248,248,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#f8f8f8', GradientType=1 ); padding:0; padding-bottom:40px;}
/*.panel-2 h3:before {content:'\25C6'; color:#d1d1d1; font-family: u2800;}*/
.panel-2 h3 {color:#000; font-size:35px; padding:50px 0 20px;font-family: 'loraregular'; text-transform:capitalize}
.panel-2 h3 span {margin-left:-2px;}
.panel-2 .details .left {padding:0 60px;}
.panel-2 h4 {color:#000; margin:0 0 20px; padding:0; font-size:17px;}
.panel-2 p {color:#515151; margin:0 0 24px; padding:0; font-size:16px;}
.panel-2 ul {padding:0 0 15px 15px;}
.panel-2 ul li {/*padding:0 0 0 5px;*/ margin:0 0 7px; /*list-style-image:url(../images/arrow-right.png);*/}

.panel-3 h2 {background:url(../images/head-title.png) no-repeat center 70% #fff; padding:50px 0 100px; color:#000;font-family: 'loraregular'; text-align:center; font-size:60px; text-transform:uppercase}
.panel-3 .details {background:#f5f5f5; padding:88px 0;}
/*.panel-3 h4 a:before {content:'\25C6'; color:#d1d1d1; font-family: u2800;}*/
.panel-3 h4 a {color:#000; font-size:17px; padding:20px 0; display:block;}
.panel-3 h4 a span { margin-right:15px; margin-top:-2px; display:inline-block; font-size:26px; vertical-align:middle;}
.panel-3 h4 a p {display:inline-block; vertical-align:middle; margin-bottom:0; max-width:86%}
.panel-3 .panel-default > .panel-heading {background:none; border-bottom:1px solid #c7c7c7;}
.panel-3 h4 a i{top:5px;}
.panel-3 .panel {background:none; border:none; box-shadow:none; border-radius:0;}
.panel-3 .panel-body {background:#fff; border-radius:5px; box-shadow:0 0 3px rgba(0,0,0,.3)}
.panel-3 .panel-body p {color:#515151; font-size:14px; margin:0;}
.panel-3 .panel-body ul{padding:0 0 0 18px;}
.panel-3 .panel-body ul li{ /*padding:0 0 0 5px;*/ margin:0 0 7px; /*list-style-image:url(../images/arrow-right.png);*/}

.panel-4 h2 {background:url(../images/head-title.png) no-repeat center 70% #fff; padding:50px 0 100px; color:#000;font-family: 'loraregular'; text-align:center; font-size:60px; text-transform:uppercase}
.panel-4 ul {padding:0 10px; list-style-type:none;}
.panel-4 ul li {margin:0 0 30px;}
.panel-4 ul li .image {max-width:100%;border:1px solid #c7c7c7; min-height:175px; background-position:center center; background-size:auto; background-repeat:no-repeat;-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: url(grayscale.svg#greyscale);
    filter: grayscale(100%);}

.panel-4  {position:relative; padding:0 0 60px;}
.panel-4 .owl-carousel .owl-controls .owl-nav .owl-prev, .panel-4 .owl-carousel .owl-controls .owl-nav .owl-next {position:absolute; top:35%;}
.panel-4 .owl-carousel .owl-controls .owl-nav .owl-prev {left:0;}
.panel-4 .owl-carousel .owl-controls .owl-nav .owl-next {right:0;}
.panel-4 .owl-carousel {padding:0 50px;}

.panel-4 .owl-carousel .owl-controls .owl-nav .owl-prev {text-indent:-9999px; background:url(../images/owl-prev.jpg) no-repeat; height:73px; width:32px; background-size:100% auto}
.panel-4 .owl-carousel .owl-controls .owl-nav .owl-next {text-indent:-9999px; background:url(../images/owl-next.jpg) no-repeat; height:73px; width:32px; background-size:100% auto}


.panel-5 h2 {background:url(../images/head-title.png) no-repeat center 70% #fff; padding:50px 0 100px; color:#000;font-family: 'loraregular'; text-align:center; font-size:60px; text-transform:uppercase}
.panel-5 .details {background:#f8f8f8; text-align:center;padding:60px 0 0px 0px;}
.panel-5 .details .image {} 
.panel-5 .details .image img {width:182px; height:182px; border-radius:100%; padding:10px; border:1px dotted #d1d1d1; margin:0 auto 20px;}
.panel-5 button {width:115px; height:30px; text-align:center; color:#bababa; border:1px solid #bababa; background:none;transition: all 0.8s ease 0s;font-family: 'loraregular'; margin-bottom:0px;}
.panel-5 button:hover {box-shadow:115px 0 0 0 #000 inset; color:#fff;}
.panel-5 .details h4 {color:#000;font-family: 'loraregular'; font-size:17px; padding:0; margin:0 0 10px 0px;}
.panel-5 .details p {color:#787878; font-size:14px; margin:0 0 15px; padding:0;}
.panel-5 .details a {color:#c6c6c6; margin:0 0 25px; padding:0; display:block}
.panel-5 .details a:hover {color:#000;}

.panel-5 ul {list-style-type:none; padding:0; text-align:center;}
.panel-5 ul li {display:inline-block; vertical-align:top; width:30%; padding:0 2%; margin:0 0 30px;}



footer .footer-logo {background:url(../images/footer-logo-bg.jpg) repeat-x center center; text-align:center; padding:50px 0;}
footer .footer-logo img {max-width:200px;}
footer h3 {padding:30px 0; color:#000;font-family: 'loraregular'; font-size:25px;}
footer ul {padding:9px 0 0; list-style-type:none;}
footer ul li {margin:0 0 10px;}
footer ul li h4 {display:inline-block; vertical-align:top; width:30%; margin:0 5% 0 0; padding:0; font-size:15px; color:#000;}
footer ul li h4 span {float:right; display:inline-block}
footer ul li p {display:inline-block; vertical-align:top; width:57%;margin:0; padding:0;font-size:15px; color:#787878;}
footer ul.social li {display:inline-block; margin:0 10px;}
footer ul.social li a {opacity:.3;}
footer ul.social li a:hover {opacity:1;}
footer input {width:100%; border:none; border-bottom:1px solid #dfdfdf; display:block; margin:0 auto; height:40px;}
footer textarea:focus, footer input:focus {border-bottom:1px solid #000;}
footer textarea {width:100%; border:none; border-bottom:1px solid #dfdfdf; display:block; margin:0 auto; height:64px;}
footer button {width:115px; height:40px; text-align:center; color:#fff; border:1px solid #bababa; background:#252525;transition: all 0.8s ease 0s;font-family: 'loraregular'; margin:30px 0; font-size:17px; text-transform:capitalize}
footer button:hover {box-shadow:115px 0 0 0 #fff inset; color:#000;}
footer .footer-bottom {background:#ededed; color:#8e8e8e; padding:8px 0;}
footer .footer-bottom p {padding:0; margin:0; font-size:13px;}
.frt {float:right;}


.navbar-fixed-top {box-shadow:0 0 5px rgba(0,0,0,.5);}

.fixed-to {padding-top:50px;}


header .navbar-fixed-top .navbar-brand {display:block; margin:5px auto;}
header .navbar-fixed-top .navbar-brand span {display:none;}
header .nav-txt {display:none;}
.accordion .panel-group {margin-bottom:0;}

.msq {
	position: fixed;
	top: 40%;
	left: 38%;
	width: 300px;
	height: auto;
	z-index: 2000;
	background: #FFFFFF;
	box-shadow:0px 0px 27px #cccccc;
	text-align:center;
	color:#787878;
	padding:20px 30px 20px 20px;
	font-size:16px;
}

.closemsg{ position:absolute; right:5px; top:1px; font-size:28px; color:#000; cursor:pointer;}
.closemsg a{ color:#000; line-height:28px}
.closemsg a:hover{color:#787878;}


@media only screen and (max-width: 1199px) {
header .navigation .navbar-default .navbar-nav > li > a {text-transform:capitalize;}
}

@media only screen and (max-width: 991px) {
header .navigation .navbar-default .navbar-nav > li > a {padding:20px 15px;}
.panel-1 ul li {width:45%;}
.panel-5 ul li {width:45%;}
.panel-2 .details {background:#f8f8f8;}
.frt {float:none;}
}

@media only screen and (max-width: 768px) {
header .navigation .navbar-default .navbar-nav > li > a {padding:20px 13px;}
/*.parallax .paral-img{    
background-size: 100% auto;
min-height: 400px;
background-attachment:scroll;
background-repeat:no-repeat;
	}*/
}

@media only screen and (max-width: 767px) {
header .navigation {background:none;}
header .navigation .navbar-default {position:fixed; width:100%; left:0; top:0; z-index:9999;margin-right:7px; background:none; box-shadow:0 0 2px #000;}
header .navigation .navbar-default .navbar-header {background:#fff; cursor:pointer; box-shadow:0 0 5px rgba(0,0,0,.5);}
header .navigation .navbar-default .navbar-toggle {border:1px solid #000;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background:none;}
header .navigation .navbar-default .navbar-toggle .icon-bar {background:#000;}
header .navigation .navbar-nav > li {display:block; text-align:left}
header .navigation .navbar-default .navbar-nav > li > a {padding:5px 10px; border-bottom:1px dotted rgba(255,255,255,.2);color:#fff; border-top:none; background:#000;margin:0;}
header .navigation .navbar-default .navbar-nav > li:hover > a, header .navigation .navbar-default .navbar-nav > li:focus > a {background:#f4f4f4; color:#000;border-top:none;}
header .navigation .navbar-default .navbar-nav > .active > a, header .navigation .navbar-default .navbar-nav > .active > a:hover, header .navigation .navbar-default .navbar-nav > .active > a:focus, header .navigation .navbar-default .navbar-nav > li > a:hover {color:#000; border-radius:0; background:#f4f4f4;border-top:none;}
header .navigation .navbar-default .navbar-nav > li > a:focus::after {color:#fff;border-radius:0;border-top:none;}
header .navbar-brand > img {max-height:41px;}
.navbar-collapse {background:rgba(0,0,0,.9);}

header .navigation .navbar-default .navbar-nav .open .dropdown-menu > li > a {color:#fff; border-bottom:1px dotted rgba(255,255,255,.1); text-align:left; background:none; }
header .navigation .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {background:#1f1b50;}
header .navigation .navbar-nav > li:hover > .dropdown-menu {display:none;opacity:1;}
header .navigation .navbar-nav > li > .dropdown-menu {position:relative; float:none; display:none; opacity:1; border:none; padding-top:0; background:#0e0c26;}
header .navigation .navbar-nav > li.open > .dropdown-menu {display:block; background:#0e0c26;}
header .navigation .dropdown-menu > li > a {text-align:center;}
header .navbar-nav {max-height:250px; overflow:auto; margin:7.5px 0;}
header .navbar-default .navbar-nav > .open > a, header .navbar-default .navbar-nav > .open > a:focus, header .navbar-default .navbar-nav > .open > a:hover {background:none; color:#ee1c23;}
header .caret {float:right; margin:10px 0; display:block;}
header .navbar-default .navbar-brand {display:block; line-height:40px; color:#000;}
header .navigation .navbar-default .navbar-nav .open .dropdown-menu > li > a {border-left:none; border-right:none;}
header .navigation .navbar-default .navbar-header:hover .navbar-brand, header .navigation .navbar-default .navbar-header:focus .navbar-brand:focus {color:#000;} 

header {padding-top:0;}

.panel-1 ul li {width:auto;}
.panel-5 ul li {width:auto;}
.panel-3 .details {padding:0;}
#home {padding-top:70px;}
#consulting .demo-div {min-height:18px;}
#services .demo-div {min-height:10px;}
#clients .demo-div {min-height:10px;}
#team .demo-div {min-height:10px;}
#contacts .demo-div {min-height:10px;}
.fixed-to {padding-top:100px;}
.panel-2 h2 {padding-top:50px;}
.panel-2 h2, .panel-3 h2, .panel-4 h2, .panel-5 h2{font-size:30px}

header .navbar-default .navbar-brand img {display:none;}
header .navbar-fixed-top .navbar-brand img {display:block;}

header .nav-txt {display:block; float:left; padding:15px;}
header .navbar-fixed-top .nav-txt {display:none;}
}

@media only screen and (max-width: 667px) {
/*.parallax .paral-img {min-height:210px;}*/
footer .footer-logo {padding-bottom:0;}
.panel-3 h4 a {padding:5px 0; font-size:15px;}

.panel-4 ul li .image {min-height:120px;background-size:100% auto;}
.msq {
	position: fixed;
	top: 40%;
	left: 10%;
	width: 80%;
	}
}


@media only screen and (max-width: 568px) {
.panel-2 .details .left {padding:0;}
.panel-2 h3 {font-size:27px;}
.panel-3 h4 a p {max-width:80%;}
}

@media only screen and (max-width: 480px) {
.panel-4 .owl-carousel {padding:0 30px;}
.panel-4 .owl-carousel .owl-controls .owl-nav .owl-prev, .panel-4 .owl-carousel .owl-controls .owl-nav .owl-next {width:15px;}
.panel-4 ul li .image {min-height:80px; background-size:100% auto;}

}

@media only screen and (max-width: 414px) {
header .head-rt ul {margin:15px auto;}
}
/*for Landing Page*/

.outer-div {text-align:center;}

.cell {display:inline-block; vertical-align:top; width:230px; height:160px; margin:50px 30px 0px 30px; border:3px solid #d9d9d9; text-align:center;}
.cell h4 {color:#000;font-family: 'Roboto', sans-serif; font-size:20px; padding:0; margin:50px 0 10px 0px;}

footer.footer-landing {bottom:0; left:0; right:0; z-index:1; position:absolute;}

@media only screen and (max-width: 767px) {
footer.footer-landing {position:relative; bottom:auto;}
}