/*   

 * Template Name: Developer - Responsive Website Template for Developers

 * Version: 1.0

 * Author: 3rd Wave Media

 * Twitter: @3rdwave_themes

 * License: Creative Commons Attribution 3.0 License

 * Website: http://themes.3rdwavemedia.com/

*/

/* ======= Base ======= */

body {

  font-family: Roboto; /* 'Lato', arial, sans-serif;*/

  color: #434343;

  background: #dae3e7;

  font-size: 16px;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}

/* color */

.blue {

    color: #1ea1fc;line-height: inherit;}

.etr-blue-bg{background-color: #1ea1fc; color:#ffffff;}

/* color */



/* margin */

.etr-top-five{margin-top:5px !important;}

/* margin */



h1,

h2,

h3,

h4,

h5,

h6 {

  font-family: 'Montserrat', sans-serif;

  font-weight: 700;

  color: #778492;

}

h6 {

    font-size: 10px;

    font-weight: 300;

}

a {

  color: #3aaa64;

  -webkit-transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  -ms-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

}

a:hover {

  text-decoration: underline;

  color: #5f6b77;

  color: #2d844e;

}

.btn,

a.btn {

  -webkit-transition: all 0.4s ease-in-out;

  -moz-transition: all 0.4s ease-in-out;

  -ms-transition: all 0.4s ease-in-out;

  -o-transition: all 0.4s ease-in-out;

  font-family: 'Montserrat', arial, sans-serif;

  padding: 8px 16px;

  font-weight: bold;

}

.btn .fa, a.btn .fa {

  margin-right: 5px;

  padding: 5px 0.4em;

  background: rgba(0, 0, 0, 0.24);

  border-radius: 50%;

}

.btn:focus,

a.btn:focus {

  color: #fff;

}

a.btn-cta-primary,

.btn-cta-primary {

  background: #54ba4e;

  border: 1px solid #54ba4e;

  color: #fff;

  margin: 0 35px;

  font-weight: 500;

  text-transform: uppercase;

}

a.btn-cta-primary:hover,

.btn-cta-primary:hover {

  background: #49ac43;

  border: 1px solid #49ac43;

  color: #fff;

}

a.btn-cta-secondary,

.btn-cta-secondary {

  background: #1ea1fc;

  border: 1px solid #479fc8;

  color: #fff;

  margin: 0 35px;

  font-weight: 500;

  text-transform: uppercase;

}

a.btn-cta-secondary:hover,

.btn-cta-secondary:hover {

  background: #3893bd;

  border: 1px solid #3893bd;

  color: #fff;

}

.text-highlight {

  color: #32383e;

}

.label-theme {

  background: #3aaa64;

  font-size: 12px;

}

a.dotted-link {

  border-bottom: 1px dotted #778492;

  color: #778492;

}

a.dotted-link:hover {

  text-decoration: none;

  color: #49515a;

}

/*

iframe {



    .header {

        padding: 0;

    }

}



.iframe-wrapper {

    overflow: auto;

    -webkit-overflow-scrolling:touch;

}

*/

/* ======= Header ======= */

.header {

  padding: 30px 0;

  background: #1ea1fc;

}

.header .btn {

  margin-top: 60px;

  font-weight: bold;

}

.header .profile-image {

  margin-right: 30px;

}

.header .profile-content .name {

  color: #49515a;

  font-size: 38px;

  margin-bottom: 5px;

  margin-top: 30px;

}

.header .profile-content .desc {

  color: #778492;

  font-family: "Lato", arial, sans-serif;

  font-weight: 400;

  font-size: 24px;

  margin-top: 0;

  margin-bottom: 15px;

}

.header .nav a{color:#ffffff;}

footer .social a {

    background: rgba(176, 183, 191, 0);

    width: 48px;

    height: 48px;

    line-height: 2;

    border: solid 1px #c9c9c9;

    font-size: 1.5em;

    display: inline-block;

    -webkit-border-radius: 15%;

    -moz-border-radius: 15%;

    -ms-border-radius: 15%;

    -o-border-radius: 15%;

    border-radius: 15%;

    -moz-background-clip: padding;

    -webkit-background-clip: padding-box;

    background-clip: padding-box;

    color: #585858;

    text-align: center;

	transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;

}

footer .social a:hover {

  background: rgba(156, 39, 176, 0);

  text-decoration:none;

  color: #f2849e;

  border-color: #f2849e;

}

footer .social a .fa {

  font-size: 20px;

  padding-top: 8px;

}

footer .social li{padding:5px;}

/* ======= Sections======= */

.sections-wrapper {

  padding-top: 5px;

  background: #ffffff;

}

.section {

  margin-bottom: 10px;

}

.section .section-inner {

  background: #fff;

  padding: 5px 30px 0 30px;

}

.section .heading {

  margin-top: 0;

  margin-bottom: 30px;

  color: #545e69;

  font-size: 2.2em;

}

.section .content .more-link .fa {

  margin-right: 5px;

  font-size: 14px;

}

/* About Section */

/* Latest Section */

.latest .item {

  margin-bottom: 30px;

}

.latest .item .title {

  font-size: 18px;

  margin-top: 0;

}

.latest .item .title .label {

  margin-left: 5px;

  font-size: 12px;

}

.latest .item .title a {

  color: #778492;

}

.latest .item .title a:hover {

  color: #5f6b77;

}

.latest .item .project-image:hover {

  -webkit-opacity: 0.8;

  -moz-opacity: 0.8;

  opacity: 0.8;

}

.latest .divider {

  margin-bottom: 60px;

}

.latest .featured {

  margin-bottom: 30px;

}

.latest .featured .title {

  margin-bottom: 5px;

  font-size: 20px;

}

.latest .featured .summary {

  margin-bottom: 30px;

  color: #778492;

}

.latest .featured img {

  margin-bottom: 30px;

}

.latest .featured .desc {

  margin-bottom: 30px;

}

.latest .featured-image {

  position: relative;

}

.latest .featured-image .text {

  background: #3aaa64;

  color: #fff;

}

.latest .featured-image .ribbon {

  position: absolute;

  top: -4px;

  right: -4px;

  width: 110px;

  height: 110px;

  overflow: hidden;

}

.latest .featured-image .ribbon .text {

  font-family: 'Montserrat', sans-serif;

  position: relative;

  left: -8px;

  top: 18px;

  width: 158px;

  padding: 10px 10px;

  font-size: 15px;

  font-weight: bold;

  text-align: center;

  text-transform: uppercase;

  color: #fff;

  background-color: #1ea1fc;

  -webkit-transform: rotate(45deg) translate3d(0, 0, 0);

  -moz-transform: rotate(45deg) translate3d(0, 0, 0);

  -ms-transform: rotate(45deg) translate3d(0, 0, 0);

  -o-transform: rotate(45deg) translate3d(0, 0, 0);

}

.latest .featured-image .ribbon .text:before,

.latest .featured-image .ribbon .text:after {

  content: '';

  position: absolute;

  bottom: -5px;

  border-top: 5px solid #276582;

  border-left: 5px solid transparent;

  border-right: 5px solid transparent;

}

.latest .featured-image .ribbon .text:before {

  left: 0;

}

.latest .featured-image .ribbon .text:after {

  right: 0;

}

/* Projects Section */

.projects .item {

  margin-bottom: 30px;

}

.projects .item .title {

  font-size: 16px;

  margin-top: 0;

  margin-bottom: 5px;

  line-height: 1.5;

}

.projects .item .title a {

  color: #778492;

}

.projects .item .title a:hover {

  color: #5f6b77;

}

/* Work Section */

.experience .item {

  margin-bottom: 30px;

}

.experience .item .title {

  font-size: 16px;

  margin-top: 0;

  margin-bottom: 5px;

  line-height: 1.5;

}

.experience .item .title .place {

  color: #999999;

  font-weight: normal;

}

.experience .item .title .place a {

  color: #999999;

}

.experience .item .title .place a:hover {

  color: #666666;

}

.experience .item .title .year {

  color: #999999;

  font-weight: normal;

}



/* Info Section */

.info .fa {

  margin-right: 15px;

  color: #ccd1d6;

}

.info .fa.fa-envelope-o {

  font-size: 14px;

}

.info ul {

  margin-bottom: 0;

}

.info li {

  margin-bottom: 15px;

}

.info li:last-child {

  margin-bottom: 0;

}

/* Skills Section */

.skills .intro {

  margin-bottom: 30px;

}

.skills .skillset .item {

  margin-bottom: 30px;

}

.skills .skillset .level-title {

  font-size: 16px;

  position: relative;

  margin-top: 0;

  margin-bottom: 10;

}

.skills .skillset .level-title .level-label {

  color: #ccd1d6;

  font-size: 14px;

  font-weight: 400;

  font-family: "Lato", arial, sans-serif;

  position: absolute;

  right: 0;

  top: 0;

}

.skills .skillset .level-bar {

  height: 15px;

  background: #e8e8e8;

}

.skills .skillset .level-bar-inner {

  height: 15px;

  background: #66cb8c;

}

/* Testimonials section */

.testimonials .item {

  margin-bottom: 30px;

}

.testimonials .item:last-child {

  margin-bottom: 0;

}

.testimonials .item .quote {

  color: #666666;

  font-size: 16px;

  border-left-color: #9fdeb7;

  margin-bottom: 15px;

}

.testimonials .item .quote .fa {

  color: #79d19a;

  margin-right: 15px;

}

.testimonials .item .source {

  font-size: 14px;

  padding-left: 30px;

  font-weight: 500;

}

.testimonials .item .source .name {

  color: #939ea9;

  font-weight: 600;

}

.testimonials .item .source .title {

  color: #999999;

}

/* Education section */

.education .item {

  margin-bottom: 30px;

}

.education .item:last-child {

  margin-bottom: 0;

}

.education .item .title {

  font-size: 16px;

  margin-top: 0;

}

.education .item .university {

  font-family: "Lato", arial, sans-serif;

  font-size: 13px;

  color: #999999;

  font-weight: 600;

  padding-left: 25px;

}

.education .item .university .year {

  color: #b0b7bf;

  font-weight: 500;

}

/* Language Section */

.languages .item {

  margin-bottom: 15px;

}

.languages .item .title {

  color: #778492;

}

.languages .item .level {

  color: #999999;

}

.languages .item:last-child {

  margin-bottom: 0;

}

.languages .item .fa {

  color: #79d19a;

}

/* Blog Section */

.blog .item {

  margin-bottom: 30px;

}

.blog .item .title {

  font-size: 18px;

  line-height: 1.3;

}

.blog .item .title a {

  color: #778492;

}

.blog .item .title a:hover {

  color: #5f6b77;

}

.blog .item:last-child {

  margin-bottom: 0;

}

/* List section */

.list ul li {

  margin-bottom: 10px;

}

.list ul li .fa {

  margin-right: 5px;

}

.list ul li a {

    color: #545e69;

    background-color: #ffffff;

}

.list ul li a:hover {

  color: #49515a;

}

/* Credits */

.credits ul li {

  margin-bottom: 10px;

}

.credits ul li .fa {

  margin-right: 5px;

}

.credits ul li a {

  color: #778492;

}

.credits ul li a:hover {

  color: #49515a;

}

.credits .btn {

  margin-bottom: 15px;

}

/* ======= Footer ======= */

.footer {

  background: #32383e;

  color: #fff;

  padding: 10px 0;

}

.footer .copyright {

  line-height: 1.6;

  color: #a1aab4;

  font-size: 14px;

}

.footer a {

  color: #fff;

}

.footer .fa-heart {

  color: #fb866a;

}

/* Extra small devices (phones, less than 768px) */

@media (max-width: 767px) {

  .header {

    text-align: center;

  }

  .header .profile-image {

    float: none !important;

    margin: 0 auto;

  }

  .header .profile-content {

    float: none !important;

    text-align: center;

  }

  .header .btn {

    margin-top: 30px;

    float: none !important;

  }

  .project-image {

    margin-bottom: 15px;

  }

}

/* Small devices (tablets, 768px and up) */

/* Medium devices (desktops, 992px and up) */

/* Large devices (large desktops, 1200px and up) */

/* Ex-Large devices (large desktops, 1200px and up) */

@media (min-width: 1400px) {

  .container {

    width: 1360px;

  }

  .inner{min-width:1360px}

}



/* Start css for customisation */

.breadcrumb-box{padding-top:0}

.breadcrumb-box .row nav.breadcrumb{margin-bottom:0;border-radius:0}

.inner{width:100%;max-width:1170px;margin:0 auto;padding:0 2.5em;background:#fff}

.desc .summary{font-size:20px;font-weight:600;font-family:roboto;line-height:1.3em;}

#footer > .inner{display:-moz-flex;display:-webkit-flex;display:-ms-flex;display:flex;-moz-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-moz-flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;padding-bottom:38px;padding-top:38px;background:#f7f7f7}

#footer > .inner section:nth-child(1){width:calc(66% - 2.5em);margin-right:2.5em}

section{display:block;margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}

section h2 {font-weight: 900;line-height: 1.5;margin: 2em 0 0em;text-transform: uppercase;letter-spacing: .35em;font-size: 1.8em;}

#footer > .inner > * > :last-child{margin-bottom:0}

form{margin:-1em 0 2em;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}

form .half.first{width:calc(50% - 1em)!important;padding-left:0}

form .field{position:relative;float:left;margin:0 0 1.3em;vertical-align:top;width:100%}

input[type="text"],input[type="password"],input[type="email"],select{height:3em}

input[type="text"],input[type="password"],input[type="email"],input[type="tel"],select,textarea{-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;appearance:none;background-color:transparent;border:none;border-radius:0;border-bottom:solid 1px #c9c9c9;color:inherit;display:block;outline:0;padding:0;text-decoration:none;width:100%}

input[type="submit"],input[type="reset"],input[type="button"],button,.button{-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;appearance:none;-moz-transition:background-color .2s ease-in-out,color .2s ease-in-out,box-shadow .2s ease-in-out;-webkit-transition:background-color .2s ease-in-out,color .2s ease-in-out,box-shadow .2s ease-in-out;-ms-transition:background-color .2s ease-in-out,color .2s ease-in-out,box-shadow .2s ease-in-out;transition:background-color .2s ease-in-out,color .2s ease-in-out,box-shadow .2s ease-in-out;background-color:transparent;border-radius:4px;border:0;color:#fff!important;cursor:pointer;display:inline-block;font-size:.9em;font-weight:900;height:3.5em;letter-spacing:.35em;line-height:3.45em;overflow:hidden;padding:2px 1.25em 2px 1.6em;text-align:center;text-decoration:none;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}

input[type="submit"]:hover{background:#f2849e}

form :last-child{margin-bottom:0}

form .half{width:calc(50% + 1em)!important;padding-left:2em}

form .actions{position:relative;clear:both;padding-top:1em}

ul.actions{cursor:default;list-style:none;padding-left:0}

ul{list-style:none;margin:0 0 2em;padding-left:0}

ul.actions li:last-child{padding-right:0}

ul.actions li{display:inline-block;vertical-align:middle;background:#585858;border-radius:5px}

form:after{content:'';display:block;clear:both;height:1px}

#footer > .inner section:nth-child(2){width:calc(33% - 2.5em);margin-left:2.5em;display:block}

#footer > .inner > * > :last-child{margin-bottom:0}

footer#footer{background:#dae3e7;padding:0}

logo{float:left;max-width:245px}

img.profile-image.img-responsive.pull-left{max-width:100%;width:245px;}

.navbar{width:75%;right:0;float:right;margin-bottom:0;border:0;min-height:48px}

.dropdown-menu{background-color:#1ea1fc;border:none}

.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background-color:rgba(0,150,136,0.4)!important}

.nav>li>a:hover,.nav>li>a:focus{background-color:rgba(0,150,136,0.4)!important;color:#f2849e!important}

.nav>li>a{padding:8px 10px;border-radius:4px}

.footer .container .row-fluid .span12 .span2{width:16%;float:left}

.footer .container .row-fluid .span12 .span2 ul li{font-size:14px;padding:.2em}

.footer .container .row-fluid .span12 .span2 ul li.heading{font-weight:900;color:#1ea1fc}

.footer-last{padding:38px 0 10px}

a.dropdown-toggle:hover{background-color:rgba(0,150,136,0.4)!important}

.header .nav a:hover{background-color:rgba(255,255,255,0.69)!important;transition:transform 2.5s cubic-bezier(0.48,0.03,0.36,0.99)}

.footer a{-moz-transition:border-bottom-color .2s ease,color .2s ease;-webkit-transition:border-bottom-color .2s ease,color .2s ease;-ms-transition:border-bottom-color .2s ease,color .2s ease;text-decoration:none;border-bottom:dotted 1px rgba(88,88,88,0.5)}

.footer ul li{padding-left:.5em!important}

.footer a:hover{color:#f2849e!important;text-decoration:none}

.col-md-8{border-right: 2px groove rgba(0, 0, 0, 0.06);margin-bottom: 20px;}

@media (max-width: 767px) {

logo{float:left;max-width:100%;width:100%}

.navbar{width:100%}

.col-md-8{border-right:0;}

logo img.profile-image.img-responsive.pull-left {width: 245px;}

.breadcrumb{margin-bottom: 0px;}

.section .section-inner{padding: 25px 0px 0 0px;}

a.btn-cta-primary, .btn-cta-primary{margin: 10px 0;}

a.btn-cta-secondary, .btn-cta-secondary{margin: 10px 0;}

.inner{padding: 0 0.5em;}

#footer > .inner section:nth-child(1){width: calc(100% - 0em);margin-right: 0;}

#footer > .inner section:nth-child(2){width: calc(100% - 0em);margin-left: 0;margin-top: 40px;}

.footer .container .row-fluid .span12 .span2{width: 50%;min-height: 195px;}

}

/* End css for customisation */



/* Start style for digital marketing page */

span.baner-content {

    width: 64%;

    float: left;

    min-height: 302px;

}

span.banner-img {

    width: 35%;

    min-height: 302px;

    float: right;

}

span.banner-img img{

    width: 100%;

    border-radius: 5px;

    box-shadow: 0px 0px 4px 2px rgba(70, 59, 59, 0.56);

}

/* End style for digital marketing page */



/* start style for custom side menu */

.panel{border: 2px solid #009edb;}

.panel{

  /* fallback */

  background-color: #1a82f7;



  /* Safari 4-5, Chrome 1-9 */

  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#2F2727));



  /* Safari 5.1, Chrome 10+ */

  background: -webkit-linear-gradient(top, rgba(0, 158, 219, 0.92), rgba(0, 158, 219, 0.29));



  /* Firefox 3.6+ */

  background: -moz-linear-gradient(top, #2F2727, #1a82f7);



  /* IE 10 */

  background: -ms-linear-gradient(top, #2F2727, #1a82f7);



  /* Opera 11.10+ */

  background: -o-linear-gradient(top, #2F2727, #1a82f7);

}

.nav-stacked>li+li{margin-top: 5px;}

.nav>li.panel>a{border-radius:0;}

.nav>li.panel>a:hover, .nav>li>a:focus {

    background-color: #059fdb!important;

    color: #ffffff!important;

}

#accordion1 li.panel ul li {

    margin: 0;

    border-bottom: 1px solid rgba(242, 246, 247, 0.89);position: relative;

}

#accordion1 li.panel ul li a{background-color: rgba(255, 255, 255, 0);display: block;padding: 7px 0 7px 0px;}

#accordion1 li.panel ul li a:hover{text-decoration:none;background-color: rgba(255, 255, 255, 0.93);}

#accordion1 li.panel ul li a .fa-li{position:static;margin-right: 0;margin-left: 15px;}

ul.list-unstyled {padding: 15px 10px;border: 2px solid #049fda;border-radius: 5px;}

ul, ol {list-style: none;}

#accordion1 li.panel{margin-bottom: 0px;}

.active-link{background-color: #059fdb!important;}

#accordion1 li.panel ul li a.active-link{background-color:#ffffff!important;}

.desc.text-left ul.nav.nav-tabs{border-bottom:0;}

.desc.text-left ul.nav.nav-tabs li a{border: 1px solid;margin: 5px 5px;}

/* end style for custom side menu */