@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Share+Tech);
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{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,a:focus{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:#6f6f6f;font-size:16px;line-height:26px;font-family: 'Lato', sans-serif;}
h1, h2, h3, h4, h5, h6{margin-bottom: 5px;font-family: 'Roboto', sans-serif;}
h1{margin-bottom: 15px;}
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color: #686868;}
h1, h1 a{font-size: 36px;line-height: 44px;font-weight: 400;}
h2, h2 a{font-size: 24px;line-height: 30px;font-family: "Lato", sans-serif;}
h3, h3 a{font-weight: 400;font-size: 22px;line-height: 29px;}
h4, h4 a{font-size: 20px;line-height: 24px;}
h5, h5 a{font-size: 18px;line-height: 22px;font-family: "Lato", sans-serif;}
h6, h6 a{font-size: 17px;line-height: 21px;}
p, ul, ol{margin-bottom: 15px;}


/*=============== basic css ===================*/
.btn, .wpcf7-form .wpcf7-submit{color: #fff;font-size: 16px;border-radius: 0;padding: 9px 29px;font-weight: 300;background: #3f3f3f;font-family: 'Roboto', sans-serif;}
.btn:hover{color: #fff;}
.underline{text-decoration: underline;}
.btn-small {font-size: 16px;    padding: 5px 19px;}
img{vertical-align: bottom;}
.btn.white{border: 1px solid #fff;color: #fff;}
figure{margin-bottom: 15px;}
blockquote{border-left: 3px solid #01b4ff;    padding-left: 20px;  font-size: 15px;  font-style: italic; font-weight: 400; margin-bottom: 20px;    color: #01b4ff;}
h1:after{content: "";position: absolute;bottom: 0;width: 100px;height: 3px;left:0;}

/*=============== basic color changes ===================*/

/************* orange ***************/
nav li a:hover{border-bottom: 2px solid #ffc107;}
a:hover, .features-wrap:hover a, .features-wrap:hover i, .pricing-col1 ul li span, .team-wrap:hover a, .author i, .blog-wrap:hover h3 a, .map a:hover h5, .map h5 i{color: #ffc107;}
h1:after, .btn:hover, .pricing-col1 h5, .pricing-col1 .btn.btn-border:hover, .pricing-col1 .btn, .banner-txt .btn, .banner .bx-wrapper .bx-pager.bx-default-pager a:hover, .banner .bx-wrapper .bx-pager.bx-default-pager a.active{background: #ffc107;}
.pricing-col1 .btn-border{border: 1px solid #ffc107;}
.author-img{border: 3px solid #ffc107;}

.pricing-col1 .price-block{background: #faf4e3;}


/***************** white *****************/ 
.white, .white a, .white li, .white span, .white h1, .white h2, .white h3, .white h4, .white h5, .white h6, .banner-txt .btn:hover {color: #fff;}
.nav-tabs>li.active>a i, .nav-tabs>li.active>a:focus i, .nav-tabs>li.active>a:hover i{background: #fff;}

/***************** blue *****************/ 
.nav-tabs>li>a.round-block i {border: 8px solid #54b4ff;}
.services .nav-tabs li:hover i, .nav-tabs>li.active>a i, .nav-tabs>li.active>a:focus i, .nav-tabs>li.active>a:hover i, .pricing-col2 ul li span{color: #54b4ff;}
.pricing-col2 .btn.btn-border:hover, .pricing-col2 .btn, .pricing-col2 h5{background: #54b4ff;}
.pricing-col2 .btn-border{border: 1px solid #54b4ff;}

.blog-details .date{color: #248ee1;}

.pricing-col2 .price-block{background: #eaf3f9;}

/***************** gray *****************/ 
.pricing-col1 .btn:hover, .pricing-col2 .btn:hover, .pricing-col3 .btn:hover, .banner-txt .btn:hover{background: #3f3f3f;}
.author span, .author h1, .author h2, .author h3, .author h4, .author h5, .author h6, footer .copyright span{color: #686868;}

/***************** dark gray *****************/ 
.pricing-col3 h5, .pricing-col3 .btn.btn-border:hover, .pricing-col3 .btn{background: #404040;}
.pricing-col3 .btn-border{border: 1px solid #404040;}

.pricing-col3 .price-block{background: #f0eeee;}
.pricing-col3 .btn:hover{background: #686868;}
.contact{background: #515962;}


/*=============== transitions ===================*/
.cd-main-nav a, .team *, .team-desc, .blog-wrap, .social-links li img, input:focus, textarea:focus, .blog-wrap *, .team-wrap *, nav li a, .features-wrap *, .services *, nav *{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 hover effects ===================*/
.team-wrap:hover figure img, .blog-wrap:hover img{transform: scale(1.2);filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");filter: gray;-webkit-filter: grayscale(100%);}
.team-wrap ul li:hover {transform: scale(0.9);}
.blog-wrap:hover img{transform: scale(1);margin: auto;}


/*=============== block elements design ===================*/

/********* header **************/
.cd-logo h1 a{color: #fff;text-transform: uppercase;}
.cd-logo h1{margin-top: 20px;}
header {background-color: transparent;}
nav li a{font-size: 16px!important;color: #fff;font-family: 'Roboto', sans-serif;text-transform: uppercase;margin: 0 5px;padding: 0 0 10px!important;}
nav li a:hover{color: #fff;}
.banner .bx-wrapper img{max-width: inherit;}
.cd-logo h1:after{content: none;}
.cd-logo{margin-left: 0;}
.cd-main-nav {margin: 0;    padding: 0;}

.banner{position: relative;}
.banner-txt{position: absolute;top: 45%;left: 0;right: 0;text-align: center;margin: 0 auto;}
.banner-txt h1{font-size: 30px;text-transform: uppercase;display: block;margin: 0 auto 40px;font-weight: 400;width: 870px;}
.banner-txt h1:after{content: none;}
.banner-txt .btn {padding: 9px 32px;color: #292929;font-weight: 400;font-size: 18px;}
.banner .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: center; width: 100%;}
.banner .bx-wrapper .bx-pager, .banner .bx-wrapper .bx-controls-auto {position: absolute; bottom: -5px;}
.banner .bx-wrapper .bx-pager.bx-default-pager a{width: 13px;height: 13px;border-radius: 100px;background: #FFF;}
.banner .bx-viewport {height: 675px!important;}
.bxslider1, .bxslider1>li {height: 100%;}

/*.banner {position: fixed;top: 0;  z-index: -1;}
.cd-main-content{padding-top: 675px;}
.bxslider1>li{width: 100%!important;}*/


/********* about us **************/
.about-us{padding: 70px 0 50px;background: #fff;}
h1{position: relative;padding-bottom: 5px;}
.features-wrap i, .nav li i{color: #bdbdbd;font-size: 60px;}
.about-us .container>div:first-child {margin-bottom: 60px;}
.features-wrap>a {display: block;margin-bottom: 10px;}


/********* services **************/
.services{background: #3f3f3f;padding: 60px 0 40px;color: #fff;}
.services .container h5{margin-bottom: 35px;}
.nav-tabs>li>a.round-block i{display: inline-block;border-radius: 100%;border: 8px solid #54b4ff;width: 167px;margin-bottom: 10px;height: 167px;text-align: center;line-height: 160px;}
.services .nav-tabs li:hover a.round-block i{background: #fff;}
.services .nav>li>a:focus, .nav>li>a:hover{background: transparent;border-color: transparent;}
.nav-tabs{border-bottom: 0;}
.service-tabs{position: relative;}
.service-tabs.active:after{position: absolute;bottom: -40px;left: 0;right: 0;margin: auto;content: "";width: 40px;height: 24px;background: url(../images/tab-cut.png);}

/********* tab content **************/
.tab-content-block{background: #f5f5f5;padding: 45px 0 65px;}
.tab-content-block h1:after{content: none;}
.tab-pane figure {width: 53%; height: 311px;overflow: hidden;margin-top: 10px;}

/********* pricing **************/
.pricing{padding: 60px 0 70px;background: #f5f5f5;}
.pricing .container h5{margin-bottom: 45px;color: #6f6f6f;}
.pricing-col{padding: 0;background: #fff;}
.pricing-col h5{font-family: 'Roboto', sans-serif;font-weight: 500;color: #fff!important;padding: 15px 20px;    text-transform: uppercase;    margin-bottom: 0!important;}
.pricing-col1 .btn-border, .pricing-col2 .btn-border, .pricing-col3 .btn-border{color: #686868;background: transparent;}
.price-block{padding: 27px 20px 25px;}
.price sup{font-size: 24px;}
.price .amount {font-size: 48px;    color: #404040;display: inline-block;    vertical-align: bottom;}
.price span{display: block;}
.price-block>span{display: block;    margin: 15px 0;}
.price-block>a {display: inline-block;}
.btn-border{ padding: 5px 20px;}
.btn-border:hover{color: #fff;}
li.odd{background: #fff;}
li.even{background: #f1f1f1;}
.pricing-col ul li{padding: 9px 10px;}
.pricing-col ul li span{font-weight: 700;}
.pricing-col2 .price-block {padding: 79px 20px 25px;}
.pricing-col1, .pricing-col3 {margin-top: 52px;}
.pricing-col2 {box-shadow: 0px 0px 8px 0px #999;  position: relative;    z-index: 1;}
.pricing-col ul {margin-bottom: 0;}
.pricing-col .btn-block{padding: 17px;}


/********* our skills **************/
.skills{background: url(../images/skills-bg.jpg) 50% 0 no-repeat fixed;background-size: cover;padding: 65px 0 70px;}
.skills .container h5{margin-bottom: 60px;}
#canvas .circle {display: inline-block;margin: 1em;}
.circles-decimals {font-size: .4em;}
.circle {position: relative;}
.circle>p, .circle>a{display: none!important;}

.circle .round-counter{margin: 0 4%;display: inline-block;}
.circle .round-counter:first-child{margin-left: 0;}
.circle .round-counter+.round-counter+.round-counter+.round-counter+.round-counter {margin-right: 0;}
.pie-value{font-size: 35px;font-weight: 300;font-family: 'Roboto', sans-serif;}
.round-counter h4{font-weight: 300;}


/********* team **************/
.team{padding: 65px 0 65px;background: #fff;}
.team .container h5{margin-bottom: 40px;}
.team-wrap .team-desc h5{text-transform: uppercase;margin-bottom: 3px;}
.team-wrap figure{margin-bottom: 0;}
.team-wrap ul li{margin: 0 2px;display: inline-block;}
.team-wrap span {display: block;    margin-bottom: 5px;}
.team-wrap{position: relative;}
.team-wrap:hover img{}
.team-wrap figure{height: 365px;overflow: hidden;}
.team-wrap:hover .team-desc{margin-top: -20px;position: relative;z-index: 1;background: #f2f2f2;}
.team-desc{padding: 15px 15px 5px;background: #fff;}
.overlay{text-align: center;opacity: 0;background: rgba(0,0,0,0.6);width: 100%;height: 100%;position: absolute; top: 0;}
.overlay i{font-size: 40px;color: #fff;line-height: 320px;}
.team-wrap:hover .overlay{opacity: 1;}

/********* testimonials **************/
.testimonials{padding: 65px 0 70px;background: url(../images/testimonial-bg.jpg) 50% 0 no-repeat fixed; background-size: cover;}
.testimonials h1{font-weight: 400;}
.testimonials .container h5{margin-bottom: 40px;}
.testimonial-item{padding: 20px;background: #f0f1f2;color: #6f6f6f;}
.author i{font-size: 48px;margin-right: 15px;position: relative; top: -4px;}
.author i, .author .author-desc, .author .author-img{display: inline-block;} 
.testimonials .container .author h5{margin-bottom: -5px;}
.author-desc span{font-size: 14px;}
.author-img {border-radius: 50%; overflow: hidden; width: 56px; height: 56px; float: right;}
.author-img {position: relative;}
.author-img img {position: absolute;left: 0;right: 0;margin: auto;text-align: center;}
.author .author-desc {padding-top: 5px;}

.testimonial-listing .bx-controls{display: none;}
.bx-wrapper .bx-viewport{background: transparent;border: 0;box-shadow: none;}
.bx-wrapper{margin-bottom: 0;max-width: 100%!important;}
.bx-wrapper .bx-viewport{left: 0;}
.testimonials .bx-wrapper .bx-viewport{height: auto!important;}

/********* blog **************/
.blog{padding: 65px 0 70px;background: #f5f5f5;}
.blog .container h5{margin-bottom: 40px;}
.blog-wrap{background: #fff;border: 1px solid #f0f0f0;}
.blog-wrap figure{height: 225px;overflow: hidden;}
.blog-details h3 {margin-bottom: 0;}
.blog-details{padding: 0 20px 20px;}
.blog-wrap:hover {box-shadow: 0px 0px 12px 0px #999; border: 0;transform: scale(.97);}


/********* contact **************/
.contact{padding: 65px 0 76px;}
.contact .container h5{margin-bottom: 40px;}
.contact-form fieldset{width: 31.7%;margin: 0 30px 10px 0;}
.contact-form input, .contact-form textarea{border: 1px solid #818993;padding: 11px;background: transparent;width: 100%;font-size: 14px;}
.contact-form form fieldset:nth-of-type(3), .contact-form form fieldset:nth-of-type(4){float: left;}
.contact-form form fieldset:nth-of-type(4) {margin-top: -100px; height: 140px;width: 48.75%;}
.contact-form textarea{height: 100%;}
.contact-form form a {margin-top: -95px;border-radius: 50%; width: 132px; height: 132px; line-height: 112px;color: #a7aeb6;font-weight: 400;}
input:focus, textarea:focus {border-color: #54b4ff;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);}
.btn:focus{color: inherit;}
.map{background: #424b55;padding: 26px 0;float: left;width: 100%;}
.map h5{text-transform: uppercase;margin-bottom: 0;}
.contact>.container{margin-bottom: 60px;}
.map h5 a{color: #a7aeb6;}
.map iframe{width: 100%!important;margin-top: 20px;}

/********* portfolio **************/
.portfolio-gallery ul li{float: left;}

/*************** footer *****************/
footer{background: #f5f5f5;padding: 30px 0;position: relative; z-index: 11;}
footer .copyright span{font-size: 14px;    margin-top: 10px;  display: block;}
.social-links li {display: inline-block; margin: 0 2px;    width: 30px;    overflow: hidden;}
.social-links li img{float: right;}
.social-links li:hover img{float: left;}
footer .social-links {float: right;margin: 5px 0 0;}




/*====================== responsive styles ============================*/
@media (max-width: 1200px){
    .circle .round-counter {margin: 0 2%;}
    h1, h1 a {font-size: 32px;line-height: 38px;}
    h2, h2 a{font-size: 21px;line-height: 27px;}
    h3, h3 a{font-size: 17px;line-height: 24px;}
    h4, h4 a{font-size: 17px;line-height: 24px;}
    h5, h5 a{font-size: 17px;line-height: 22px;}
    h6, h6 a{font-size: 17px;line-height: 21px;}
    .contact-form form a {width: 122px; height: 122px;line-height: 100px;}
    .blog-wrap figure {height: 180px;}
    .team-wrap figure {height: 290px;}
    .tab-pane figure{height: auto;}
    .author i {font-size: 38px;top: -13px;}
    .author .author-desc {width: 140px;}
    .author-desc span {line-height: 17px;display: inline-block;}
    .author-img {width: 50px;height: 50px;}
    .testimonials .container .author h5 {margin-bottom: 0;}
}

@media (max-width: 992px){
    body {font-size: 14px;line-height: 20px;}
    h1, h1 a{font-size: 24px;line-height: 30px;}
    h4, h4 a {font-size: 15px;line-height: 20px;}
    h5, h5 a {font-size: 15px;}
    .contact>.container {margin-bottom: 20px;}
    .team-wrap figure {height: 215px;}
    .blog-wrap figure {height: 135px;}
    .nav-tabs>li>a.round-block i {border: 6px solid #54b4ff;width: 120px;height: 120px;line-height: 110px;}
    .nav li i {font-size: 40px;}
    .round-counter canvas{width: 110px!important;height: 110px!important;}
    .circle .round-counter{margin: 0 1.6%;}
    .round-counter h4{font-size: 15px;font-weight: 500;}
    .pie-value{font-size: 25px;}
    .pricing>.container>.row{margin: 0;}
    .pricing-col ul li {line-height: 23px;}
    .contact-form form a {width: 72px;height: 72px;line-height: 50px;padding: 10px;}
    .about-us, .services, .team {padding: 20px 0;}
    .service-tabs.active:after {bottom: -25px;}
    .tab-content-block, .blog {padding: 20px 0 30px;}
    .testimonials, .skills{padding: 30px 0;}
    .tab-content h1 {margin-bottom: 0;}
    .pricing {padding: 20px 0 40px;}
    .contact {padding: 20px 0 42px;}
    .map, footer {padding: 10px 0;}
    .banner-txt h1 {line-height: 40px;}
    .banner-txt h1 {width: 660px;}
    .author .author-desc {width: auto;}
}

@media (max-width: 1024px){
    .cd-main-nav a {padding: 10px 5px!important;}
}

@media (max-width: 768px){
    .tab-pane figure, .contact-form fieldset{width: 100%;}
    .features-wrap>a, .testimonial-listing .bxslider li>div:last-of-type, .row .blog-items:last-of-type{margin-bottom: 0;}
    .about-us .container>div:first-child, .pricing-col1, .pricing-col2, .team .container h5, .pricing .container h5, .testimonials .container h5, .testimonial-listing .bxslider li>div, .row .blog-items {margin-bottom: 20px;}
    .pricing-col1, .pricing-col3 {margin-top: 0;}
    .features-wrap {text-align: center;background: #fafafa;padding: 15px 15px 1px;margin-bottom: 15px;}
    h1, h1 a {font-size: 21px;}
    .circle .round-counter{margin: 0 2% 20px!important;}
    .skills .container h5, .pricing {margin-bottom: 30px;}
    .skills {padding: 20px 0 0;}
    .contact-form form fieldset:nth-of-type(4) {margin-top: 0;width: 100%;}
    .contact-form form a {width: auto;height: auto; line-height: 10px;padding: 12px 32px; border-radius: 0;margin-top: 0;}
    footer .social-links{float: none;}
    .copyright {text-align: center;}
    .blog-wrap figure, .team-wrap figure {height: auto;}
    .blog-wrap figure img, .team-wrap figure img{margin: auto;}
    .banner-txt h1 {width: 80%;font-size: 16px;line-height: 24px;}
    .testimonial-listing .bxslider li{width: 400px!important;margin: 0 auto 20px;}
    .testimonials .row{margin: 0;}
    .testimonials .bx-viewport{width: 400px!important;overflow: hidden;margin: auto;}
    .author i {font-size: 20px;top: -38px;margin-right: 5px;}
}

@media (max-width: 450px){
    .testimonial-listing .bxslider li{width: 280px!important;}
    .testimonials .bx-viewport{width: 280px!important;}
    .author .author-desc {width: 120px;}
}


/* ==|== 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; }
}