@charset "utf-8";
html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video-block{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
article,aside,figure,footer,header,hgroup,nav,section{display:block}
object,embed{max-width:100%}
html{overflow-y:scroll}
ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{background:transparent;font-size:100%;margin:0;padding:0;vertical-align:baseline}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}
table{border-collapse:collapse;border-spacing:0;font:100%;font-size:inherit}
th{font-weight:700;vertical-align:bottom}
td{font-weight:400;vertical-align:top}
hr{border:0;border-top:1px solid #585858;display:block;height:1px;margin:20px 0;padding:0}
input,select{vertical-align:middle}
pre{white-space:pre-line;word-wrap:break-word}
:focus{outline:0}
input[type=checkbox]{vertical-align:baseline}
select,input,textarea{font:99% sans-serif}
a{color: #4d4d4d;}
a:hover,a:active{outline:none;text-decoration: none;}
small{font-size:85%}
strong,th{font-weight:700}
td,td img{vertical-align:top}
sub,sup{font-size:75%;line-height:0;position:relative}
sup{top:-.5em}
sub{bottom:-.25em}
pre,code,kbd,samp{font-family:monospace, sans-serif}
.clickable,label,input[type=button],input[type=submit],button{cursor:pointer}
button,input,select,textarea{margin:0}
button{overflow:visible;width:auto}
.ie7 img{-ms-interpolation-mode:bicubic}
.ie6 html{filter:expression(document.execCommand("BackgroundImageCache",false,true))}
.clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;overflow:hidden}
.clearfix:after,.clear{clear:both}
.clearfix{zoom:1}
body,select,input,textarea{color:#444}
a:link{-webkit-tap-highlight-color:#fcd700}
ins{background-color:#fcd700;color:#000;text-decoration:none}
mark{background-color:#fcd700;color:#000;font-style:italic;font-weight:700}
input:invalid,textarea:invalid{background-color:#30C}
input[type=radio],.ie6 input{vertical-align:text-bottom}
::-moz-selection,::selection{background:#0099CC;color:#fff;text-shadow:none}
a, span{transition: all 0.3s ease-in-out;}
/* ==========================*/
body{background:#fff;color:#4d4d4d;font-size:14px;line-height:22px;font-weight: 300;font-family: 'Roboto', sans-serif;}
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color: #1b1b1b;font-weight: 300;margin-bottom: 15px;}
h1, h1 a{font-size: 36px;color: #1b1b1b;text-transform: uppercase;line-height: 44px;}
h2, h2 a{color: #1c1c1c;font-size: 30px;line-height: 36px;}
h3, h3 a{font-size: 24px;line-height: 30px;}
h4, h4 a{font-weight: 400;color: #4d4d4d;font-size: 18px;line-height: 24px;}
h5, h5 a{font-size: 16px;line-height: 24px;font-weight: 400;text-transform: capitalize;}
h6, h6 a{font-size: 15px;line-height: 21px;}
p, ul, ol{margin-bottom: 15px;}
/*=============== basic css ===================*/
.btn, .wpcf7-form .wpcf7-submit{border: 1px solid #a7a7a7;font-size: 18px;border-radius: 0;padding: 9px 21px;font-weight: 300;}
.btn:hover{color: #fff;}
.underline{text-decoration: underline;}
.btn-small{font-size: 14px;padding: 5px 12px;}
img{vertical-align: bottom;}
.btn.white{border: 1px solid #fff;color: #fff;}
figure{margin-bottom: 20px;}
blockquote{border-left: 3px solid #01b4ff; padding-left: 20px; font-size: 15px; font-style: italic; font-weight: 400; margin-bottom: 20px; color: #01b4ff;}
/*=============== basic color changes ===================*/
/******* blue ********/
.banner-txt h1 span, .portfolio-item .hover-content{background: rgba(1,180,255,.4)}
#logo a, .white h3.author a, .btn, .text-link, .divider i, .no-of-comments i, .no-of-comments, .blog-right-content h5 a, .contact-info i, .phone a, .mail a, .blog-meta a, .blog-meta{color: #01b4ff;}
.services-item a:hover, a:hover, .footer-links li a:hover, .social-links a:hover i, .menu-part ul.nav a:hover, .inner-page .menu-part ul.nav a:hover, .btn.white:hover, .blog-item .btn:hover{color: #01b4ff;}
.btn:hover, .news-wrap:hover .txt-part, .sidebar-box ul li a:hover, .blog-item:hover .blog-content, .wpcf7-form .wpcf7-submit:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {background: #01b4ff;}
.filter li a, .pagination ul li a, .inner-page .menu-part, .inner-page .menu-part ul.nav a, .date-tag {background: #01b4ff;}
.btn:hover, .blue-border, .wpcf7-form .wpcf7-submit:hover {border-color: #01b4ff;}
.divider{border-top: 1px solid #01b4ff;}
/******* white on hover ********/
.sidebar-box ul li a:hover, .sidebar-box ul li a:hover p, .sidebar-box ul li a:hover .text-link, .sidebar-box ul li a:hover h5, .sidebar-box ul li a:hover .time, .blog-item:hover a, .blog-item:hover p, .blog-item:hover i, .blog-item:hover .no-of-comments, .blog-item:hover span {color: #FFF;}
.white a, .white h1, .white h2, .white h3, .white h4, .white h5, .white h6,.white, .white span, .white li, .social-contact a:hover i{color: #FFF;}
.blog-right-content .btn:hover{background: #fff;border: 1px solid #fff;}
.blog-item:hover .btn{border-color: #fff;}
/******* gray on hover ********/
.filter li a:hover, .filter li a.active, .pagination ul li a.active, .pagination ul li a:hover, .social-contact a:hover{background: #4d4d4d;}
.contact-info .details a:hover, .contact-info .details a:hover i{color: #4d4d4d;}
/******* gray ********/
.tags span, .tags ul li a{color: #999;}
.tags ul li a{padding: 0 3px;}
.social-contact>span{color: #999;}
/******* white ********/
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{color: #fff;}
/*=============== section padding ===================*/
.services-block, .vision-block, .news-block{padding: 60px 0;}
/*=============== transitions ===================*/
ul.nav li:first-child:after, .blog-desc *, .wpcf7-form *, .contact-info *, .blog-item *, .white-hover *, .portfolio-item *, .news-wrap img, .news-wrap figure, .social-links i, .sidebar-box li, p .sidebar-box ul li a h5, h5, .txt-part, .services-item:hover{transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;}
/*=============== image scale on hover ===================*/
.portfolio-item:hover img, .news-wrap:hover img, .blog-item:hover img{transform: scale(1.2);}
/*=============== image grayscale on hover ===================*/
.blog-item:hover img, .news-wrap:hover img, .portfolio-item:hover img{filter: url("data:image/svg+xml;utf8,#grayscale");filter: gray;-webkit-filter: grayscale(100%);}
/*=============== menu ===================*/
#logo{margin-top: 20px;}
#logo a{font-family: 'bauhaus_93regular';font-size: 36px;}
#logo a:hover, .inner-page #logo a:hover{color: #4d4d4d;}
.menu-part{background: #ffffff;padding: 0 15px;width: 100%;}
ul.nav a{text-transform: uppercase;font-size: 16px;font-weight: 400;padding: 20px 15px;background: #f2f2f2;position: relative; z-index: 11;}
.nav{position: relative;}
/***.nav:before{background: url(../images/left-menu-cut.jpg);width: 25px;height: 64px;content: "";position: absolute;left: 0;top: 0;left: -25px; top: -4px;}***/
.inner-page #logo a, .inner-page .menu-part ul.nav a{color: #FFF;}
.inner-page .menu-part ul.nav a:hover{background: #fff;}
.inner-page .nav:before{content: none;}
nav.navbar.navbar-default.navbar-fixed-top.sb-slide {top: 32px;}
ul.nav li:first-child{position: relative;}
ul.nav li:first-child:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #f2f2f2;
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
-webkit-transform: skew(-24deg);
-ms-transform: skew(-18deg);
transform: skew(-18deg);
z-index: 1;
opacity: 1;
}
ul.nav li:first-child:hover:after{opacity: 0;}
/*=============== Banner ===================*/
.banner{height: 705px;overflow: hidden;position: relative;}
.banner-txt{position: absolute;top: 45%;left: 0;right: 0;}
.banner-txt h1{font-size: 60px;color: #fff;font-family: 'ubuntumedium';text-transform: uppercase;text-shadow: 1px 0px 3px #000}
.banner-txt h1 span{display: inline-block;margin-bottom: 3px;padding: 15px 20px;}
/*=============== Services section ===================*/
.services-block{background: #f5f5f5;}
.services-block h4{margin-bottom: 40px;}
.services-item{margin-bottom: 50px;padding: 20px;}
.services-item figure {margin-bottom: 15px;}
.services-item:hover{background: #fff;padding: 20px;box-shadow: 0px 0px 7px -1px #999;}
/*=============== About section ===================*/
.about-block{position: relative;}
.about-txt{padding: 60px 0;}
.about-txt h4 {margin-bottom: 30px;}
.about-img{position: absolute;right: 0;width: 50%;padding: 0 0 0 30px;height: 100%;}
.about-img figure{width: 100%;height: 100%;overflow: hidden;text-align: right;}
.about-img figure img {width: auto;height: 100%;}
/*=============== Vision section ===================*/
.vision-block{background: #3e4d53;}
h3.author{font-family: 'hand_of_sean_demoregular';display: inline-block;padding: 25px 25px 0;border-top: 3px solid #a7a7a7;}
.vision-block p{font-weight: 400;font-size: 16px;margin-bottom: 40px;}
.white h3.author a:hover{color: #fff;}
/*=============== News section ===================*/
.news-wrap{padding: 13px;box-shadow: 0px 0px 3px 0px #999;}
.news-wrap figure{width: 345px;height: 195px;overflow: hidden;margin-bottom: 13px;overflow: hidden;}
.text-link{font-size: 15px;font-weight: 300;}
.text-link:hover{color: #4d4d4d;text-decoration: underline;}
.news-wrap h3{margin-bottom: 5px;}
.news-wrap:hover a, .news-wrap:hover p{color: #fff;}
.news-wrap:hover .txt-part{margin: -14px;padding: 14px;}
.news-wrap:hover figure{margin: -13px -13px 13px;width: 371px;}
.news-wrap a:hover{color: #4d4d4d;}
/*=============== article page ===================*/
.inner-page .content{padding: 145px 0 45px;}
.sidebar-box{padding: 0 15px 15px;margin-bottom: 15px;background: #f5f5f5;}
.sidebar-box p{margin-bottom: 5px;}
.sidebar-box>h5{background: #62686b;padding: 15px;color: #fff;margin-left:-15px;margin-right:-15px;}
.sidebar-box ul li h5{font-weight: 500;background: transparent; padding: 0; margin: 0 0 5px;}
.sidebar-box ul li a{display: block;width: 100%;padding: 15px;}
.sidebar-box ul li{position: relative;}
.sidebar-box ul li:after{position: absolute;content: "";background: url(../images/seperator.png);width: 100%;background-size: 100%;height: 2px;bottom: 0;left: 0;background-repeat: no-repeat;}
.sidebar-box ul {margin: -15px -15px 15px;}
.time{font-size: 12px;}
/*=============== portfolio page ===================*/
.portfolio-item h5 {margin-bottom: 5px;}
.portfolio-item{margin-bottom: 30px;}
.title-block>h5{width: 70%;margin: 0 auto 40px;}
.filter, .pagination{margin-bottom: 40px;line-height: 42px;}
.filter li, .pagination li{display: inline-block;}
.filter li a, .pagination li a{padding: 10px 20px;color: #fff;font-size: 16px;font-weight: 400;}
.filter li:first-child a, .pagination li:first-child a {border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.filter li:last-child a, .pagination li:last-child a{border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
.ie8 .filter li:last-child a, .ie8 .pagination li:last-child a {border-radius: 0;}
.divider {width: 30%;margin: 30px auto;position: relative;}
.divider i {position: absolute; top: -14px; font-size: 30px; margin: 0 40%; background: #fff; left: 0; right: 0;}
.hover-content{position: absolute;opacity: 0;height: 100%;width: 100%;top: 0;}
.figure-block{position: relative;}
.figure-block figure {margin-bottom: 10px;height: 247px;overflow: hidden;}
.portfolio-item:hover .hover-content{opacity: 1;}
.hover-content i{font-size:35px;}
.hover-content a {display: inline-block; margin-top: 27%;}
/*=============== blog page ===================*/
.blog-content{text-align: left;padding: 15px;margin: 0 -15px;}
.blog-item:hover .blog-content{margin: 0;}
.no-of-comments{width: 10%;vertical-align: top;text-align: center;margin-right: 2%;}
.no-of-comments i, .no-of-comments{display: inline-block;font-size: 20px;font-weight: 700;}
.blog-right-content{display: inline-block;width: 87%;}
.blog-right-content h5 {margin-bottom: 5px;font-weight: 500;}
.blog-item figure{overflow: hidden;margin-bottom: 0;}
.blog-item{margin-bottom: 30px;position: relative;}
.pagination{margin: 0;}
.pagination li a{font-size: 14px;padding: 7px 12px;}
.pagination {margin-bottom: 0;}
.date-tag{position: absolute;top: 0;left: 15px;padding: 5px 10px 5px;}
.date-tag span{display: block;font-size: 13px;}
.date-tag .date{font-size: 30px;font-weight: 700; letter-spacing: -1px;}
.tags {font-size: 12px;}
.tags span, .tags ul{display: inline-block;margin-bottom: 5px;}
.tags ul li{display: inline-block;}
.tags ul li a:hover{text-decoration: underline;}
.tags span{font-weight: 600;}
.blog-listing .blog-item figure {height: 350px;}
.blog-listing .no-of-comments {width: 4%;}
.blog-listing .blog-right-content {width: 93%;}
.blog-meta{display: inline-block;margin: 0 20px 5px 0;background: #f2f2f2;padding: 10px 20px;}
.blog-meta .no-of-comments{width: 100%;}
.blog-meta .no-of-comments i, .blog-meta .no-of-comments, .blog-meta i, .blog-meta{font-weight: 300;font-size: 13px;}
.blog-meta i {margin-right: 10px;font-size: 10px;}
.blog-meta a i, .blog-meta a:hover{text-decoration: none;}
.blog-meta a{text-decoration: underline;float: left;}
.blog-meta .social-contact i {margin-right: 0;}
.blog-meta .social-contact {margin: 10px 0 0;}
.blog-meta .social-contact a {line-height: 7px;width: 20px;height: 20px;}
.blog-meta .social-contact ul{margin-bottom: 0;}
.full .blog-right-content {width: 100%;}
.blog-desc {margin-bottom: 60px;}
/*=============== contact block ===================*/
.map-block{margin-bottom: 60px;}
.contact-info .details i{margin-right: 10px;}
.phone a, .mail a{font-weight: 500;text-decoration: underline;}
.details li {margin-bottom: 5px;}
.social-contact ul li{display: inline-block;margin: 0 3px;}
.contact-info .details { margin-bottom: 40px;}
.social-contact>h4 {margin-bottom: 5px;}
.social-contact>span{font-style: italic;margin-bottom: 10px;display: block;}
.form-part {padding-right: 50px;}
.social-contact a {line-height: 20px;display: inline-block;text-align: center;padding: 5px;border-radius: 50px; width: 30px;height: 30px;background: #01b4ff;}
.social-contact a i{color: #fff;}
/*** contact form7 edit ***/
.required{color: #ff0000;}
.wpcf7-form input, .wpcf7-form textarea{border-radius: 0;border: 1px solid #ddd;box-shadow: none;font-family: 'Roboto', sans-serif;font-weight: 300;font-size: 13px;}
.wpcf7-form .wpcf7-submit{border: 1px solid #ddd;font-size: 18px;border-radius: 0;padding: 9px 21px;background: transparent;font-family: 'Roboto', sans-serif;}
.wpcf7-form textarea {height: 145px;}
/*=============== footer ===================*/
footer{background: #3e4d53;padding: 25px 0;}
.footer-links ul{margin-bottom: 0;}
.footer-links li, .social-links li{display: inline-block;padding: 0 5px;position: relative;}
.social-links li{padding: 0 2px;}
.footer-links li:before {position: absolute; height: 11px; width: 2px; background: #fff; content: ""; left: -3px; top: 6px;}
.footer-links li:first-child:before{content: none;}
.footer-links a{font-weight: 500;}
.white .copyright{font-weight: 300;color: #f2f2f2;}
.social-links{text-align: right;}
.social-links ul{margin-top: 15px;}
.social-links i{color: #c3c3c3;font-size: 28px;}
/* ==|== print styles =======================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; } /* h5bp.com/t */
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}