@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,500,700,800);@import url(https://fonts.googleapis.com/css?family=Lobster);body{font:300 14px/1.8 'Raleway', sans-serif;color:#666;overflow-x:hidden;}
img{max-width:100%;height:auto;}
a{color:#11958b;}
a:hover{text-decoration:none;color:#999;}
.navbar a,
.form-control{-webkit-transition:all 0.4s ease-in-out 0s;-moz-transition:all 0.4s ease-in-out 0s;-ms-transition:all 0.4s ease-in-out 0s;-o-transition:all 0.4s ease-in-out 0s;transition:all 0.4s ease-in-out 0s;}
a,
.btn{-webkit-transition:all 0.125s ease-in-out 0s;-moz-transition:all 0.125s ease-in-out 0s;-ms-transition:all 0.125s ease-in-out 0s;-o-transition:all 0.125s ease-in-out 0s;transition:all 0.125s ease-in-out 0s;}
.btn,
.form-control,
.form-control:hover,
.form-control:focus,
.navbar-custom .dropdown-menu{-webkit-box-shadow:none;box-shadow:none;}
h1, h2, h3, h4, h5, h6{font:700 40px/1.2 Raleway, sans-serif;text-transform:uppercase;letter-spacing:5px;margin:5px 0 5px;color:#222;}
h2{font-size:30px;margin:0 0 30px;}
h3{font-size:13px;letter-spacing:1px;margin:0 0 5px;}
h4{font-size:12px;letter-spacing:1px;}
h5{font-size:12px;letter-spacing:1px;font-weight:400;}
h6{font-size:11px;letter-spacing:1px;font-weight:400;}
.btn,
.iconbox,
.progress,
#filter li,
.scroll-up a,
.form-control,
.input-group-addon{-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;}
.input-group .form-control{z-index:auto;}
.input-group-addon{background:#D8E1E4;border:2px solid #D8E1E4;padding:6px 15px;font-weight:700;}
.form-control{background:#FFF;border:1px solid #D8E1E4;font-size:12px;padding:0 15px;}
.form-control:focus{border-color:rgba(135, 135, 135, 0.7);}
.input-lg,
.form-horizontal .form-group-lg .form-control{height:38px;font-size:13px;}
.input-sm,
.form-horizontal .form-group-sm .form-control{font-size:11px;height:30px;}
textarea.form-control{padding:15px;max-width:100%;min-width:100%;}
.btn{font-family:Raleway, sans-serif;text-transform:uppercase;letter-spacing:1px;font-size:13px;padding:8px 26px;border:0;}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active{outline:inherit !important;}
.btn-lg,
.btn-group-lg > .btn{padding:10px 25px;font-size:13px;background:rgba(17, 17, 17, 0.8);color:#fff;}
.btn-lg:hover,
.btn-group-lg > .btn:hover{background:rgba(17, 17, 17, 1.8);color:#fff;}
.btn-sm,
.btn-group-sm > .btn{padding:6px 25px;font-size:11px;}
.btn-xs,
.btn-group-xs > .btn{padding:5px 25px;font-size:10px;}
.btn .icon-before{margin-right:6px;}
.btn .icon-after{margin-left:6px;}
.pfblock{padding:120px 0 100px;}
.pfblock-gray{background:#f5f5f5;}
.pfblock-image{padding:0;}
.calltoaction h1,
.calltoaction h2,
.calltoaction h3,
.calltoaction h4,
.calltoaction h5,
.calltoaction h6,
.pfblock-image,
.pfblock-image h1,
.pfblock-image h2,
.pfblock-image h3,
.pfblock-image h4,
.pfblock-image h5,
.pfblock-image h6{color:#fff;}
.pfblock-header{text-align:center;margin:0 0 60px;}
.pfblock-header-left{text-align:left;}
.pfblock-header-left .pfblock-line{width:inherit;margin:30px 0;}
.pfblock-title{font-weight:800;}
.pfblock-subtitle{font-family:Raleway, "Times New Roman", Times, sans-serif;font-style:normal;font-size:18px;}
.pfblock-line{background:rgba(135, 135, 135, 0.5);width:100px;height:1px;margin:30px auto;}
.pfblock-icon{font-size:32px;}
.calltoaction *{text-align:center;}
.calltoaction{background:url(../images/124.jpg);background-color:#222;background-repeat:no-repeat;background-position:0 0;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding:50px 0;color:#999;}
.calltoaction h2{font-size:20px;letter-spacing:1px;margin-bottom:5px;}
.calltoaction-decription{padding-top:20px;padding-bottom:30px;font-size:20px;color:#fff;}
.calltoaction-btn{text-align:center;}
.calltoaction-btn > .btn{background:rgba(255, 255, 255, .8);color:#111;margin-top:5px;margin-bottom:5px;}
.calltoaction-btn > .btn:hover{background:#fff;}
.long-down{margin-bottom:40px;}
#home{background:url(../images/cover3.jpg);background-color:#222;background-attachment:fixed;background-repeat:no-repeat;background-position:50% 50%;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;padding:0;}
.home-overlay{background-color:rgba(44, 62, 80, 0.3);background-image:url("../images/pattern.png");background-repeat:repeat;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0;}
#blog {
    background: url(../images/cover.jpg);
    background-color: #222;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 0;
}

.blog-overlay {
    background-color: rgba(44, 62, 80, 0.3);
    background-image: url("../images/pattern.png");
    background-repeat: repeat;
    height: 30%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
.intro{position:absolute;width:100%;top:50%;left:0;text-align:center;-webkit-transform:translate(0%, -50%);-moz-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);-o-transform:translate(0%, -50%);transform:translate(0%, -50%);padding:0 15px;}
.intro h1{font-weight:800;}
.start{font-family:Raleway, "Times New Roman", Times, sans-serif;font-size:16px;font-style:normal;text-transform:none;margin:15px 0;}
.iconbox{background:#fff;border-bottom:1px solid #d4d4d4;text-align:center;padding:40px 20px;margin:0 0 20px;}
.iconbox-icon{margin:0 0 15px;font-size:32px;color:#222;}
.iconbox-title{margin:0 0 15px;padding:0;}
.chart{display:inline-block;height:140px;margin:50px 0;position:relative;text-align:center;width:140px;}
.chart canvas{left:0;position:absolute;top:0;}
.percent{display:inline-block;font-size:25px;font-weight:300;line-height:140px;z-index:2;}
.percent:after{content:"%";font-size:50%;margin-left:0.1em;}
.ajax-response{text-align:center;}
#footer{background:#222;padding:40px 0;color:#FFF;}
.copyright{margin:0;}
.copyright a{border-bottom:1px dotted #fff;}
#footer span{animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;color:#11958b;}
.social-links1{list-style:none;padding:0;margin:0 0 20px;}
.social-links1 li{float:left;margin:5px;}
.social-links1 a{width:36px;height:36px;display:block; text-align:center; line-height:35px;border:1px solid rgba(255, 255, 255, .1);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font-size:14px;color:rgba(255, 255, 255, .2);}
.social-links1 a:hover{border:1px solid rgba(255, 255, 255, .5);color:rgba(255, 255, 255, .8);}
.header{border-bottom:1px solid #f5f5f5;position:relative;width:100%;z-index:998 !important;}
.navbar-custom{border:0;border-radius:0;margin:0;text-transform:uppercase;font-family:Raleway, sans-serif;}
.navbar-custom,
.navbar-custom .dropdown-menu{background:#fff;padding:0;font-weight: 800;}
.navbar-custom .navbar-brand,
.navbar-custom .navbar-nav > li > a,
.navbar-custom .navbar-nav .dropdown-menu > li > a{font-size:11px;letter-spacing:3px;color:#222;}
.navbar-custom .nav li.active,
.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus,
.navbar-custom .navbar-nav > li.active a{background:none;outline:0;font-weight:bolder;color:#222;}
.navbar-custom .navbar-brand{font-weight:700;font-size:22px;font-family:auto, serif;}
.navbar-custom .dropdown-menu{border:0;border-top:2px solid #11958b;border-radius:0;}
.navbar-custom .dropdown-menu > li > a{padding:10px 20px;}
.navbar-custom .nav .open > a,
.navbar-custom .dropdown-menu > li > a:hover,
.navbar-custom .dropdown-menu > li > a:focus{background:#f5f5f5;}
.navbar-custom .navbar-toggle .icon-bar{background:#222;}
.scroll-up{position:fixed;display:none;z-index:999;bottom:2em;right:2em;}
.scroll-up a{background-color:rgba(135, 135, 135, 0.5);display:block;width:35px;height:35px;text-align:center;color:#fff;font-size:15px;line-height:30px;}
.scroll-up a:hover,
.scroll-up a:active{background-color:rgba(235, 235, 235, .8);color:#11958b;}
.scroll-down{position:absolute;left:50%;bottom:40px;border:2px solid #fff;border-radius:50%;height:50px;width:50px;margin-left:-15px;display:block;z-index:10;text-align:center;}
.scroll-down span{position:relative;color:#fff;-webkit-animation-name:drop;-webkit-animation-duration:1s;-webkit-animation-timing-function:linear;-webkit-animation-delay:0s;-webkit-animation-iteration-count:infinite;-webkit-animation-play-state:running;animation-name:drop;animation-duration:1s;animation-timing-function:linear;animation-delay:0s;animation-iteration-count:infinite;animation-play-state:running;}
@-webkit-keyframes drop{0%{top:0px;opacity:0;}
30%{top:10px;opacity:1;}
100%{top:25px;opacity:0;}
}
@keyframes drop{0%{top:0px;opacity:0;}
30%{top:10px;opacity:1;}
100%{top:25px;opacity:0;}
}
#preloader{background:#FFF;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999;}
#status{background-image:url(../images/preloader.gif);background-position:center;background-repeat:no-repeat;height:200px;left:50%;margin:-100px 0 0 -100px;position:absolute;top:50%;width:200px;}
@media (max-width:767px){.calltoaction{text-align:center;}
}
@media (max-width:480px){h1{font-size:34px;letter-spacing:3px;}
h2{font-size:24px;margin:0 0 30px;letter-spacing:3px;}
}
.grid{position:relative;clear:both;margin:0 auto;padding:1em 0 4em;max-width:100%;list-style:none;text-align:center;}
.grid h2{font-size:20px;}
.grid figure{position:relative;float:left;overflow:hidden;margin:10px 1%;min-width:100%;max-width:100%;height:auto;background:#3085a3;text-align:center;cursor:pointer;}
.grid figure img{position:relative;display:block;min-height:auto;max-width:100%;opacity:0.8;}
.grid figure figcaption{padding:2em;color:#fff;text-transform:uppercase;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.grid figure figcaption::before,
.grid figure figcaption::after{pointer-events:none;}
.grid figure figcaption,
.grid figure figcaption > a{position:absolute;top:0;left:0;width:100%;height:100%;}
.grid figure figcaption > a{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0;}
.grid figure h2{word-spacing:-0.15em;font-weight:300;}
.grid figure h2 span{font-weight:800;}
.grid figure h2,
.grid figure p{margin:0;}
.grid figure p{letter-spacing:1px;font-size:68.5%;}
figure.effect-bubba{background:#11958b6;}
figure.effect-bubba img{opacity:0.7;-webkit-transition:opacity 0.35s;transition:opacity 0.35s;}
figure.effect-bubba:hover img{opacity:0.4;}
figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after{position:absolute;top:30px;right:30px;bottom:30px;left:30px;content:'';opacity:0;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;}
figure.effect-bubba figcaption::before{border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);transform:scale(0,1);}
figure.effect-bubba figcaption::after{border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);transform:scale(1,0);}
figure.effect-bubba h2{padding-top:10%;-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);color:#fff;}
figure.effect-bubba p{padding:20px 2.5em;opacity:0;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0);}
figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
figure.effect-bubba:hover h2,
figure.effect-bubba:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.cbp-qtrotator{position:relative;margin:3em auto 0em auto;max-width:90%;width:90%;}
.cbp-qtrotator .cbp-qtcontent{position:absolute;min-height:200px;border-top:1px solid #f4f4f4;border-bottom:1px solid #f4f4f4;padding:2em 0;top:0;z-index:0;opacity:0;width:100%;}
.no-js .cbp-qtrotator .cbp-qtcontent{border-bottom:none;}
.cbp-qtrotator .cbp-qtcontent.cbp-qtcurrent,
.no-js .cbp-qtrotator .cbp-qtcontent{position:relative;z-index:100;pointer-events:auto;opacity:1;}
.cbp-qtrotator .cbp-qtcontent:before,
.cbp-qtrotator .cbp-qtcontent:after{content:" ";display:table;}
.cbp-qtrotator .cbp-qtcontent:after{clear:both;}
.cbp-qtprogress{position:absolute;background:#11958b;height:1px;width:0%;top:0;z-index:1000;}
.cbp-qtrotator blockquote{margin:0;padding:0;border:0;font-size:12px;}
.cbp-qtrotator blockquote p{font-size:2em;color:#888;font-weight:300;margin:0.4em 0 1em;}
.cbp-qtrotator blockquote footer{font-size:1.2em;}
.cbp-qtrotator blockquote footer:before{content:'― ';}
.cbp-qtrotator .cbp-qtcontent img{float:right;margin-left:3em;}
@media screen and (max-width:30.6em){.cbp-qtrotator{font-size:70%;}
.cbp-qtrotator img{width:80px;}
}
/*added*/
#portfolio .portfolio-item{margin:0 0 0;right:0;}
#portfolio .portfolio-item .portfolio-link{display:block;position:relative;max-width:400px;margin:0 auto;}
#portfolio .portfolio-item .portfolio-link .portfolio-hover{background:rgba(0, 0, 0, 0.7);position:absolute;width:100%;height:100%;opacity:0;transition:all ease 0.5s;-webkit-transition:all ease 0.5s;-moz-transition:all ease 0.5s;}
#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover{opacity:1;}
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content{position:absolute;width:100%;height:20px;font-size:20px;text-align:center;top:50%;margin-top:-12px;color:white;}
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i{margin-top:-12px;}
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4{margin:0;}
#portfolio .portfolio-item .portfolio-caption{margin:0 auto;background-color:white;text-align:center;padding:25px;}
#portfolio .portfolio-item .portfolio-caption h4{text-transform:none;margin:0;}
#portfolio .portfolio-item .portfolio-caption p{font-family:"Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;font-style:italic;font-size:16px;margin:0;}
#portfolio *{z-index:2;}
@media (min-width:767px){#portfolio .portfolio-item{margin:0 0 30px;}
}
.portfolio-modal {padding-right: 0px !important;}
.portfolio-modal .modal-dialog{margin:0;height:100%;max-width: 100% !important;}
.portfolio-modal .modal-content{border-radius:0;background-clip:border-box;-webkit-box-shadow:none;box-shadow:none;border:none;min-height:100%;padding:100px 0;text-align:center;}
.portfolio-modal .modal-content h2{margin-bottom:15px;font-size:3em;}
.portfolio-modal .modal-content p{margin-bottom:30px;}
.portfolio-modal .modal-content p.item-intro{margin:20px 0 30px;font-family:"Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;font-style:italic;font-size:16px;}
.portfolio-modal .modal-content ul.list-inline{margin-bottom:30px;margin-top:0;}
.portfolio-modal .modal-content img{margin-bottom:30px;}
.portfolio-modal .close-modal{position:absolute;width:75px;height:75px;background-color:transparent;top:25px;right:25px;cursor:pointer;}
.portfolio-modal .close-modal:hover{opacity:0.3;}
.portfolio-modal .close-modal .lr{height:75px;width:1px;margin-left:35px;background-color:#222222;transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);z-index:1051;}
.portfolio-modal .close-modal .lr .rl{height:75px;width:1px;background-color:#222222;transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);z-index:1052;}
.portfolio-modal .modal-backdrop{opacity:0;display:none;}
.jobs-info::after{background:#11958b none repeat scroll 0 0;bottom:70px;content:"";left:0;position:absolute;top:70px;width:2px;z-index:1;}
.jobs-info{position:relative;}
.resume-subheader{color:inherit;display:inline-block;font-family:"Inconsolata",Helvetica,Arial,sans-serif;font-weight:bold;margin-bottom:34px;margin-top:0;padding-left:12px;position:relative;text-align:center;}
.cv-block{margin-bottom:42px;padding-left:13px;text-align:initial;}
.cv-block__header::after{background:#ffffff none repeat scroll 0 0;border:3px solid #11958b;border-radius:50%;content:"";height:14px;left:-34px;position:absolute;top:3px;transition:all 0.3s ease 0s;width:14px;z-index:2;}
.cv-block__header{color:#11958b;font-weight:bold;margin-bottom:7px;margin-top:6px;position:relative;text-transform:uppercase;}
.cv-block .dates{color:#8a8a8a;font-family:"Inconsolata",Helvetica,Arial,sans-serif !important;font-size:20px;line-height:24px;margin-bottom:6px;}
.cv-block{text-align:initial;}
.cv-block__header::after {
    box-shadow: 0 0 0 8px rgba(17, 149, 139, .4);
    background: #ffffff none repeat scroll 0 0;
    border: 3px solid #11958b;
    border-radius: 50%;
    content: "";
    height: 14px;
    left: -34px;
    position: absolute;
    top: 3px;
    transition: all 0.3s ease 0s;
    width: 14px;
    z-index: 2;
}
.cv-block__header{color:#11958b;font-weight:bold;margin-bottom:7px;margin-top:6px;position:relative;text-transform:uppercase;}
.cv-block .cv-block__header:after{background:#11958b;}
.skill-set p{line-height:30px;margin:0;}
.progress_skill{color:inherit;}
.progress_skill .progress{background-color:#dadada !important;border-radius:5px;}
.progress_skill .skill_item, .progress_skill .skill_value{font-size:14px;}
.progress_skill .skill_item{float:left;text-transform:uppercase;}
.progress_skill .skill_value{float:right;}
.progress .progress-bar{height:6px !important;line-height:6px !important;}
.progress-bar{background-color:#11958b;box-shadow:0 -1px 0 rgba(0, 0, 0, 0.15) inset;color:#fff;float:left;font-size:15px;height:100%;line-height:24px;text-align:center;transition:width 0.6s ease 0s;width:0;}
.progress{display:inline-block;height:6px !important;margin-bottom:6px !important;width:100%;}
.progress{background-color:#f5f5f5;border-radius:0;box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset;height:24px;margin-bottom:24px;overflow:hidden;}
.simplefilter li, .multifilter li, .sortandshuffle li{color:white;cursor:pointer;display:inline-block;text-transform:uppercase;padding:1rem 2rem;}
.simplefilter li{background-color:#585858;}
.simplefilter li.active{background-color:#212121;}
.mix,
.gap{display:inline-block;}
.mix{display:none;}
.mix:after{content:attr(data-myorder);display:inline-block;}
.mix:before{content:'';display:inline-block;}
.btn-new{color:#fff;background-color:#222; font-weight: 700;}
.btn-new-white{color:#222;background-color:#fff; font-weight: 700;}


a:focus {
    outline: none;
}

.portfolioFilter {
    padding: 15px 0;
}

.portfolioFilter a {
    margin-right: 6px;
    color: #666;
    text-decoration: none;
    border: 1px solid #ccc;
    padding: 4px 15px;
    border-radius: 50px;
    display: inline-block;
}

.portfolioFilter a.current {
    background: #1e1e1e;
    border: 1px solid #1e1e1e;
    color: #f9f9f9;
}



.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

.isotope,
.isotope .isotope-item {
    /* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}

.portfolio-link > img {
    width:100%;
}