body{padding:0 0;margin:0 0;font-family: 'Roboto', sans-serif;background: url("../images/top-line.png") repeat-x scroll 0 0;}
body a{transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
input[type="button"]{transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
h1,h2,h3,h4,h5,h6{padding:0 0;margin:0 0;}
p{padding:0 0;margin:0 0;}
ul{padding:0 0;margin:0 0;	}
.header-banner h1 {font-size: 3em; color: #fff;font-weight: 300; padding: 0.5em 0;}
.header-banner p {font-size: 1.2em;color: #fff;font-weight: 200;}
/*Designer fonts*/
@font-face {font-family: 'icomoon';src: url('../font/icomoon.eot') format('embedded-opentype'), url('../font/icomoon.ttf') format('truetype'), url('../font/icomoon.woff') format('woff'), url('../font/icomoon.svg') format('svg');}
@font-face {font-family: 'FontAwesome';src: url('../font/fontawesome-webfont.eot?v=3.2.1') format('embedded-opentype'), url('../font/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('../font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('../font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');font-weight: normal;font-style: normal;}
[class^="icon-"],[class*=" icon-"] {font-family: FontAwesome;font-weight: normal;font-style: normal;text-decoration: inherit;  -webkit-font-smoothing: antialiased;*margin-right: .3em;}
[class^="icon-"]:before,[class*=" icon-"]:before {text-decoration: inherit;display: inline-block;speak: none;}
.icon-facebook:before {content: "\f09a";}
.icon-twitter:before {content: "\f099";}
.icon-linkedin:before {content: "\f0e1";}
.icon-rss:before {content: "\f09e";}
.bhasky-pic img{width:100%; padding-top:32px;}
.bhasky-title{padding-top:30%;}
.fixed{position: fixed;top: 0;width: 100%;margin: 0 auto;left:0;z-index: 999;}
.fixed-header{background: #ef7674 none repeat scroll 0 0;text-align: center;padding: 1.3em 0;box-shadow: 0 5px 4px 0 rgba(0, 0, 0, 0.15);}
.top-menu ul li{display: inline-block;}
.top-menu ul li a{font-size: 1.4em;font-weight:bold;text-decoration: none;text-transform: uppercase;margin: 0 1em;color: #ffffff; outline:none;}
.top-menu ul li a:hover, .top-menu ul li a:focus {color: #000000;}
nav a {position: relative;display: inline-block;outline: none;color: #fff;text-decoration: none;text-transform: uppercase;letter-spacing: 1px;font-weight: 400;text-shadow: 0 0 1px rgba(255,255,255,0.3);font-size: 1.35em;	outline: none;}
nav a:hover,nav a:focus {outline: none;}
.fullwidth,.halfwidth{position:relative}
/*Mobile menu*/
.mobile-menu {display:none; width: 100%;position: relative;border-bottom: 2px solid #d76a68;}
.mobile-menu ul {padding: 0;margin: 0 auto;height: 40px;}
.mobile-menu li {display: inline;float: left;}
.mobile-menu li a {/*border-right: 1px solid #576979;*/box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.mobile-menu li:last-child a {border-right: 1px solid #d76a68;}
.mobile-menu li a:hover, .mobile-menu li a:active, .mobile-menu li a:focus {/*background-color: #8c99a4;*/color:#3b323c;}
.mobile-menu a {color: #fff;display: inline-block;width: 100px;text-align: center;text-decoration: none;line-height: 40px;/*text-shadow: 1px 1px 0px #283744;*/}
.mobile-menu a#pull {display: none;}
/*Mobile menu end*/
.cl-effect-5 a {overflow: hidden;}
.cl-effect-5 a span {position: relative;display: inline-block;-webkit-transition: -webkit-transform 0.3s;-moz-transition: -moz-transform 0.3s;transition: transform 0.3s;}
.cl-effect-5 a span::before {position: absolute;top: 100%;content: attr(data-hover);font-weight: 700;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.cl-effect-5 a:hover span,.cl-effect-5 a:focus span {-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);transform: translateY(-100%);}
.about-section, .experience-section {text-align: center; padding: 4em 0;background-color:#ededed;position:relative;}
.about-header h3 {font-size: 44px;text-transform: uppercase;font-weight:bold;display: block;color:#3b323c;padding:10px 0;}
.header-title {font-size: 44px;text-transform: uppercase;font-weight:bold;display: block;color:#3b323c;padding:10px 0; margin:0 0;}
.about-header p {font-size: 1.3em;font-weight: 300;width: 88%;margin: 0 auto;font-style: italic;color:#7B7F86;line-height: 1.8em;}
.about-header {margin-bottom: 5em;}
.title-box_icon::after {background: #bababa none repeat scroll 0 0;content: "";height: 2px;left: -261px;position: absolute;top: 23px;width: 570px;z-index: -1;}
.title-box_icon {height: 48px;left: 50%;margin-left: -24px;position: absolute;width: 48px;z-index: 2;float:left;}
.about .about-content h4{color:#3b323c; font-weight:bold; font-size:20px; line-height:24px; margin-top:32px; margin-bottom:2px;}
.about .about-content span{color:#969696; font-size:20px; line-height:24px;}
.about p{color:#969696; font-size:14px; line-height:24px; padding-bottom:20px;}
.btn-large {border-radius: 10px;font-size: 18px; font-weight:bold;padding: 22px 28px;}
/*button animation class starts*/
.progress-button{position:relative;display:inline-block;padding:10px 60px;outline:0;border:none;background-color:#ef7674;color:#fff;text-transform:uppercase;letter-spacing:1px;font-size:1em;line-height:4}
.progress-button[disabled],.progress-button[disabled].state-loading{cursor:default}
.progress-button .content{position:relative;display:block}
.progress-button .content::after,.progress-button .content::before{position:absolute;right:20px;color:#fff;font-family:icomoon;opacity:0;-webkit-transition:opacity .3s .3s;transition:opacity .3s .3s}
.progress-button .content::before{content:"\e600"}
.progress-button .content::after{content:"\e601"}
.progress-button.state-error .content::after,.progress-button.state-success .content::before{opacity:1}
.notransition{-webkit-transition:none!important;transition:none!important}
.progress-button .progress{background:#ef7674}
.progress-button .progress-inner{position:absolute;left:0;background:#d76a68}
.progress-button[data-horizontal] .progress-inner{top:0;width:0;height:100%;-webkit-transition:width .3s,opacity .3s;transition:width .3s,opacity .3s}
.progress-button[data-vertical] .progress-inner{bottom:0;width:100%;height:0;-webkit-transition:height .3s,opacity .3s;transition:height .3s,opacity .3s}
.progress-button[data-perspective]{position:relative;display:inline-block;padding:0;background:0 0;-webkit-perspective:900px;perspective:900px}
.progress-button[data-perspective] .content{padding:0 60px;background:#ef7674}
.progress-button[data-perspective] .progress-wrap{display:block;-webkit-transition:-webkit-transform .1s;transition:transform .1s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.progress-button[data-perspective] .content,.progress-button[data-perspective] .progress{outline:transparent solid 1px}
.progress-button[data-style=rotate-back] .progress-wrap{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.progress-button[data-style=rotate-back] .content{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:5px}
.progress-button[data-style=rotate-back] .progress{position:absolute;top:100%;left:0;width:100%;height:100%;-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.progress-button[data-style=rotate-back].state-loading .progress-wrap{-webkit-transform:rotateX(180deg) scaleX(.6) scaleY(.3);transform:rotateX(180deg) scaleX(.6) scaleY(.3)}
/*button animation class end*/
.skills-section{background-color:#ffffff;padding:5em 0;position: relative; text-align:center;}
.skillbar {position:relative;display:block;margin-bottom:25px;width:100%;background:#eee;height:50px;border-radius:25px;-moz-border-radius:25px;-webkit-border-radius:25px;-webkit-transition:0.4s linear;-moz-transition:0.4s linear;-ms-transition:0.4s linear;-o-transition:0.4s linear;transition:0.4s linear;-webkit-transition-property:width, background-color;-moz-transition-property:width, background-color;-ms-transition-property:width, background-color;-o-transition-property:width, background-color;transition-property:width, background-color;}
.skillbar-title {position:absolute;top:0;left:0;font-weight:bold;font-size:20px;color:#fff;background:#6adcfa;-webkit-border-top-left-radius:25px;-webkit-border-bottom-left-radius:25px;-moz-border-radius-topleft:25px;	-moz-border-radius-bottomleft:25px;border-top-left-radius:25px;border-bottom-left-radius:25px;}
.skillbar-title span {display:block;background:rgba(0, 0, 0, 0.1);padding:0 20px;height:50px;line-height:50px;-webkit-border-top-left-radius:25px;-webkit-border-bottom-left-radius:25px;-moz-border-radius-topleft:25px;	-moz-border-radius-bottomleft:25px;border-top-left-radius:25px;border-bottom-left-radius:25px;}
.skillbar-bar {height:50px;width:0px;background:#6adcfa;border-radius:25px;-moz-border-radius:25px;-webkit-border-radius:25px;}
.skill-bar-percent {position:absolute;right:10px;top:0;font-size:20px; font-weight:bold;height:50px;line-height:50px;color:#444;color:rgba(0, 0, 0, 0.4);}
.experience-section .experience-timeline {background: #bababa none repeat scroll 0 0;height: 100%;left: 50%;margin-left: -1px;position: absolute;top: 0;width: 2px;}
.experience-section .experience-item{margin-bottom:125px;overflow: hidden;position: relative;}
.experience-section .experience-icon-holder {background: #ededed none repeat scroll 0 0;height: 48px;left: 50%;margin-left: -24px;opacity: 1;position: absolute;top: 5px;transform: scale(1);transition: all 800ms ease 0s;   width: 48px;}
.experience-section .experience-icon-first {background: rgba(0, 0, 0, 0) url("../images/experience-icon-1.png") no-repeat scroll 50% 50%;height: 100%;width: 100%;}
.experience-section .experience-left .experience-date-holder {float: right;left: 0;opacity: 1;text-align: left;}
.experience-section .experience-date-holder, .experience-section .experience-desc-holder {position: relative;transition: all 800ms ease 0s;width: 50%;}
.experience-section .experience-left .experience-date-holder .experience-date::before {border-color: rgba(0, 0, 0, 0) #3b323c rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);border-style: solid;border-width: 10px 10px 10px 0; content: "";height: 0;left: -10px;position: absolute;top: 20px;width: 0;}
.experience-section .experience-left .experience-date-holder .experience-date {margin-left: 60px;position: relative;}
.experience-section .experience-date {background: #3b323c none repeat scroll 0 0;border-radius: 8px;color: #ffffff;display: inline-block;font-size:18px;padding: 15px 25px;text-transform: uppercase;}
.experience_wrapper .experience-left .experience-desc-holder {float: left;left: 0;opacity: 1;text-align: right;}
.experience-section .experience-left .experience-desc-holder .experience-desc{margin-right: 50px;}
.experience-section .experience-left .experience-desc-holder {text-align: right;}
.experience-section .experience-desc h5 {font-size: 18px;font-weight: bold;line-height: 20px;margin: 8px 0 0;text-transform: uppercase;}
.experience-section .experience-desc h5 a {color: #3b323c;}
.experience-section .experience-desc .experience-position {color: #ef7674;font-size: 16px;line-height: 20px;text-transform: uppercase;}
.experience_wrapper .experience-desc .excerpt {margin: 0;padding-top: 20px;}
.experience-section .experience-right .experience-date-holder {float: left;left: 0;opacity: 1;text-align: right;}
.experience-section .experience-right .experience-desc-holder {float: right;left: 0;opacity: 1;text-align: left;}
.experience-section .experience-icon {background: rgba(0, 0, 0, 0) url("../images/experience-icon-2.png") no-repeat scroll 50% 50%;height: 100%;width: 100%;}
.experience-section .experience-right .experience-desc-holder .experience-desc {margin-left: 50px;}
.experience-section .experience-right .experience-date-holder .experience-date::before {border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #3b323c;border-style: solid;border-width: 10px 0 10px 10px;    content: "";height: 0;position: absolute;right: -10px;top: 20px;width: 0;}
.experience-section .experience-right .experience-date-holder .experience-date {margin-right: 60px;position: relative;}
.mar-top-25{margin-top:25px;}
.hvr-rectangle-out {display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;position: relative;background: #e1e1e1;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.hvr-rectangle-out:before {content: "";position: absolute;z-index: -1; top: 0;left: 0;right: 0;bottom: 0;background: #2098d1;-webkit-transform: scale(0);transform: scale(0);-webkit-transition-property: transform;  transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {color: white;}
.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {-webkit-transform: scale(1);transform: scale(1);}
#portfolio .about-header h3{color:#ffffff; text-align:center;}
#portfolioPage{padding-top:4em;}
#portfolio{padding-bottom:5em; background-color:#3b323c;}
.portfolio-section {text-align: center;padding:4em 0;background: #3b323c;}
.portfolio-section .about-header h3{color:#ffffff;}
.portfolio{position: relative;}
.portfolio:hover div.port-info {display: block;}
.portfolio_filter_buttons{text-align:center;margin-bottom:40px}
.portfolio_filter_buttons button{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;display:inline-block;padding:3px;margin:0 5px;font:18px/20px Montserrat,sans-serif;color:#fff;text-transform:uppercase;border:none;background:0 0}
.portfolio_filter_buttons button.current-category,.portfolio_filter_buttons button:hover{color:#ef7674}
.portfolio_wrapper{overflow:hidden}
.portfolio_wrapper .portfolio-item{float:left;width:25%;margin-right:-1px}
.portfolio_wrapper .portfolio-item .thumbnail{position:relative;padding:0;background:0 0;margin:0}
.portfolio_wrapper .portfolio-item .thumbnail h5{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;visibility:hidden;opacity:0;position:absolute;margin:0;left:0;bottom:0;width:100%;text-align:center}
.portfolio_wrapper .portfolio-item .thumbnail .cover{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;visibility:hidden;opacity:0;position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.8)}
.portfolio_wrapper .portfolio-item .thumbnail a{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;visibility:hidden;opacity:0;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;position:absolute;top:50%;left:50%;width:70px;height:70px;margin-top:-50px;text-align:center;background:#ef7674}
.portfolio_wrapper .portfolio-item .thumbnail a:before{font:30px/70px FontAwesome;color:#fff}
.portfolio_wrapper .portfolio-item .thumbnail a:hover{background:#3b323c}
.portfolio_wrapper .portfolio-item .thumbnail .enlarge-icon{margin-left:-150px; text-decoration:none;}
.portfolio_wrapper .portfolio-item .thumbnail .enlarge-icon:before{content:'\f002'}
.portfolio_wrapper .portfolio-item .thumbnail .link-icon{margin-left:75px; text-decoration:none;}
.portfolio_wrapper .portfolio-item .thumbnail .link-icon:before{content:'\f0c1'}
.portfolio_wrapper .portfolio-item .thumbnail:hover .cover,.portfolio_wrapper .portfolio-item .thumbnail:hover a,.portfolio_wrapper .portfolio-item .thumbnail:hover h5{visibility:visible;opacity:1}
.portfolio_wrapper .portfolio-item .thumbnail:hover h5{bottom:10%; color:#ffffff;}
.portfolio_wrapper .portfolio-item .thumbnail:hover .enlarge-icon{margin-left:-75px}
.portfolio_wrapper .portfolio-item .thumbnail:hover .link-icon{margin-left:0}
.content-holder{padding-left:20px!important;padding-right:20px!important}
/*contacts*/
#contact-form {margin: 20px auto;position:relative;float:left;text-align: left;}
#contact-form input, #contact-form select, #contact-form textarea, #contact-form label {font-size:18px;margin-bottom:2px;font-weight:normal;color:#969696;}
#contact-form input, #contact-form select, #contact-form textarea {border: 1px solid #CCC;margin-bottom:20px;padding:15px;border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;	-webkit-border-radius:4px;width:100%;}
#contact-form input:focus, #contact-form select:focus, #contact-form textarea:focus {border: 1px solid #C42E2D;background-color: #EFABAB;color:FFF;}
#contact-form textarea {min-height:125px;resize: none;}
#contact-form label {display:block;}
#contact-form .required {font-weight:bold;color:#F00;}
#contact-form #submit-button {width: 100px;background-color:#333;color:#FFF;border:none;display:block;float:right;margin-bottom:0px;background-color:#ef7674;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;cursor:pointer;}
#contact-form #submit-button:hover {background-color: #EFABAB;}
#contact-form #submit-button:active {position:relative;top:1px;}
#contact-form #loading {width:32px;	height:32px;background-image:url(../images/loading.gif);display:block;position:absolute;right:130px;bottom:16px;display:none;}
#errors {border:solid 1px #E58E8E;padding:10px;margin:25px 0px;display:block;width:93%;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;background:#FFE6E6 url(../images/cancel_48.png) no-repeat 93% center;display:none;font-size:11px;text-align:left;font-weight:normal;}
#errors li {padding-right:60px;list-style:none;}
#errors li:before {content: ' - ';}
#errors #info {font-weight:bold;}
#errors #info:before {content: '';}
#success {border:solid 1px #83D186;padding:10px;margin:25px 0px;display:block;width:93%;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;background:#D3EDD3 url(../images/accepted_48.png) no-repeat 93% center;font-weight:bold;display:none;font-size:15px;text-align:left;font-weight:normal;line-height:23px;}
#errors.visible, #success.visible {display:block;}
#req-field-desc {font-style:italic;font-size:12px;font-weight:normal;}
/* Remove box shadow firefox, chrome and opera put around required fields. It looks rubbish. */
input:required, textarea:required {-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none;box-shadow:none;-ms-shadow:none;}
/* Normalize placeholder styles */
/* chrome, safari */
::-webkit-input-placeholder {color:#CCC;font-style:italic;}
/* mozilla */
input:-moz-placeholder, textarea:-moz-placeholder {color:#CCC;font-style:italic;}
/* ie (faux placeholder) */
input.placeholder-text, textarea.placeholder-text  {color:#CCC;font-style:italic;}
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border:none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/*Back to top*/
.cd-top {display: inline-block;height: 60px;width: 60px;position: fixed;bottom: 40px;right: 10px;outline:none; border-radius:30px; -moz-border-radius:30px; -ms-border-radius:30px; -o-border-radius:30px; -webkit-border-radius:30px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);overflow: hidden;text-indent: 100%;white-space: nowrap;background: rgba(232, 98, 86, 0.8) url(../images/top-arrow.svg) no-repeat center 50%;visibility: hidden;opacity: 0;-webkit-transition: opacity .3s 0s, visibility 0s .3s;-moz-transition: opacity .3s 0s, visibility 0s .3s;transition: opacity .3s 0s, visibility 0s .3s;}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover, .cd-top:focus {-webkit-transition: opacity .3s 0s, visibility 0s 0s;-moz-transition: opacity .3s 0s, visibility 0s 0s;transition: opacity .3s 0s, visibility 0s 0s;outline:none;}
.cd-top.cd-is-visible {visibility: visible;opacity: 1;}
.cd-top.cd-fade-out {opacity: .5;}
.no-touch .cd-top:hover {background-color: #e86256;opacity: 1; outline:none;}
.social{padding:35px 0;overflow:hidden}
.social .social-title{float:left;margin-top:30px;text-transform:uppercase}
.social .social-wrapper{float:right}
.social-wrapper{overflow:hidden;margin:0}
.social-wrapper li{float:left;list-style:none;margin-left:10px}
.social-wrapper li a{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;display:block;width:60px;height:60px;font-size:24px;line-height:60px;text-align:center;color:#fff;background:#ef7674; outline:none;}
.social-wrapper li a:hover{background:#3b323c}
/*Pageloading*/
.pageLoadingid14,.pageLoadingid11,.pageLoadingid13{position: fixed;top: 0;left: 0;visibility: visible; text-align:center}
.pageLoadingid14{background-color:#ffffff;width: 100%;height: 100%;z-index: 99999997;}
.pageLoadingid11{background-color: #dfe8ea;width: 100%;height: 10px;z-index: 99999998;}
.pageLoadingid13{background-color: #79c4df;height: 10px;width: 10%;box-shadow: 0 0 5px #75b5df;z-index: 99999999;}
.pageLoadingid12{position:relative; width:120px; margin:0 auto; top:350px;color:#FFFFFF;font-size: 20px;visibility: visible;z-index: 99999999;}



/*-- responsive-mediaquries --*/
@media(max-width:1440px){
.contact-section input[type="submit"] {margin: 2em 9em;}
}

@media(max-width:1366px){
.header-banner {min-height: 578px;}
}

@media (min-width:1200px){
.social-wrapper li a{width:70px;height:70px;line-height:70px;outline:none; text-decoration:none;}
}

@media (max-width:1024px){
.top-menu ul li a{font-size: 1.2em;margin: 0 15px;}
#about .section4 img{width:100%;}
.about p{padding:20px 0;}
.skills-info {left: 386px;}
li.selector {padding: 17px 0px 18px 45px;font-size: 1.2em;}
.cd-top {height: 60px;width: 60px;right: 30px;bottom: 30px;}
}

@media (max-width:980px){
.top-menu ul li a {font-size: 1.1em;margin: 0 6px;}	
#contact-form{float:none;}
.social{float:left; padding:0!important;}
}

@media (max-width: 800px){
.top-menu ul li a {font-size: 1em;}
.about .about-content h4{font-size: 16px;line-height: 20px; margin-top: 20px;}
.about .about-content span{font-size: 16px;line-height: 20px;}
.about-header h3{font-size: 35px;}
.header-title{font-size:35px; padding:5px 0;}
.experience-section .experience-item{margin-bottom: 100px;}
}

@media (max-width: 768px){
.about-section { text-align: center;padding: 3em 0;}
li.selector {padding: 11.5px 0px 11px 11px;font-size: 1.108em;}
i.facebook { width: 62px;height: 62px; background: url("../images/img-sprite.png") no-repeat -69px -70px; display: inline-block;vertical-align: middle;cursor: pointer;background-size: 443px;}
i.twitter {width: 62px;height: 62px; background: url("../images/img-sprite.png") no-repeat -135px -70px; display: inline-block;vertical-align: middle;cursor: pointer;background-size: 443px;}
i.google {width: 62px;height: 62px;background: url("../images/img-sprite.png") no-repeat -203px -70px;display: inline-block;vertical-align: middle;cursor: pointer;background-size: 443px;}
i.google {width: 62px;height: 62px;background: url("../images/img-sprite.png") no-repeat -203px -70px;display: inline-block;vertical-align: middle;cursor: pointer;background-size: 443px;}
.cd-top {right: 20px;bottom: 20px;}
}

@media (min-width:768px) and (max-width:979px){
.portfolio_wrapper .portfolio-item .thumbnail h5{font-size:13px;line-height:18px}
.portfolio_wrapper .portfolio-item .thumbnail a{width:60px;height:60px}
.portfolio_wrapper .portfolio-item .thumbnail a:before{line-height:60px}
.portfolio_wrapper .portfolio-item .thumbnail:hover .enlarge-icon{margin-left:-62px}
.social .social-title{margin-top:15px;font-size:18px;line-height:20px}
.social-wrapper li a{width:50px;height:50px;font-size:20px;line-height:50px}
}

@media (max-width:767px){
body{padding:0}
/*.content-holder,footer.footer,header.header .menu-holder{padding-left:20px!important;padding-right:20px!important}*/
.portfolio_wrapper .portfolio-item{width:50%}
.social .social-title{float:none;margin-top:10px}
.social .social-wrapper{float:none;display:inline-block}
.social .social-wrapper li a{width:50px;height:50px;font-size:20px;line-height:50px;outline:none;}
.social{text-align:center}
}

@media (max-width: 640px){
.bhasky-title{padding-top:25%;}
.top-menu{display:none;}
.mobile-menu {border-bottom: 0;display:inherit;}
.mobile-menu ul {display: none;height: auto;}
#pull{margin:10px; width:100px; height:35px; background:url(../images/menu-txt.svg) no-repeat 0 0;}
.mobile-menu a#pull {display: block;/*background-color: #283744;*/width: 100%;position: relative;}
.mobile-menu a#pull:after {content:"";background: url('../images/nav.png') no-repeat;width: 30px;height: 30px;display: inline-block;position: absolute;right: 15px;top: 5px;}
.mobile-menu li {width: 50%;float: left;position: relative;}
.mobile-menu li a {border-bottom: 1px solid #d76a68;border-right: 1px solid #d76a68;font-size:16px; font-weight:bold;}
.mobile-menu a {text-align: left;width: 100%;text-indent:5px;}
.fixed-header{padding:0;}
.about .about-content h4{font-size: 14px;line-height: 18px; margin-top:10px;}
.about .about-content span{font-size: 14px;line-height: 18px;}
.social{padding:0;}
i.facebook {width: 37px;height: 37px;background: url("../images/img-sprite.png") no-repeat -41px -41px;display: inline-block;vertical-align: middle;cursor: pointer;background-size: 261px;}
i.twitter {width: 37px;height: 37px;background: url("../images/img-sprite.png") no-repeat -80px -41px;display: inline-block;vertical-align: middle;cursor: pointer;background-size: 261px;}
i.google {width: 37px;height: 37px;background: url("../images/img-sprite.png") no-repeat -120px -41px;display: inline-block;vertical-align: middle;cursor: pointer;background-size: 261px;}
}

@media (max-width:550px){
.portfolio_wrapper .portfolio-item{width:100%}
}

@media (max-width:500px){
.social .social-wrapper li a{width:45px;height:45px;font-size:16px;line-height:45px}
}

@media (max-width: 480px){
.title-box_icon::after{width: 310px!important; left: -130px!important;}
.about-header h3 {font-size: 27px;}
.header-title{font-size:27px;}
.experience-section .experience-left .experience-desc-holder .experience-desc {margin-right: 40px;}
.experience-section .experience-left .experience-date-holder .experience-date{margin-left: 40px;}
.experience-section .experience-date{padding:20px;}
.experience-section .experience-item {margin-bottom: 75px;}
.cd-top{width:40px;height:40px;}
#portfoliolist .portfolio {width: 100%;float:none;margin: 0 0% 10px 0;}
}

@media (max-width: 360px){
#about .mob{width:100%; text-align:center; padding:10px 0;}
#about .mob img{width:65%}
.mobile-menu li {display: block;float: none;width: 100%;}
.mobile-menu li a {border-bottom: 1px solid #d76a68;}
.about p{padding:20px 10px; text-align:left;}
.about .about-content h4, .about .about-content span {font-size: 18px;line-height: 24px;}
.experience-section .experience-desc h5, .experience-section .experience-desc .experience-position, .experience-section .experience-date{font-size:12px;}	
}

@media (max-width: 320px){
.bhasky-title{width:100%; padding-top:40px;}
.bhasky-pic{width:100%;}
.bhasky-pic img{width:75%;}
.about-header h3, .header-title{font-size:24px;}
#backstretch {width:320px!important; background:url(../images/bhasky-v3.jpg) no-repeat center center!important;}
#backstretch img{display:none!important;}
}


/*Animated Css*/
.animated{-webkit-animation-duration:3s;-moz-animation-duration:3s;-o-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px)}
60%{opacity:1;-webkit-transform:translateX(30px)}
80%{-webkit-transform:translateX(-10px)}
100%{-webkit-transform:translateX(0)}
}
@-moz-keyframes bounceInLeft{0%{opacity:0;-moz-transform:translateX(-2000px)}
60%{opacity:1;-moz-transform:translateX(30px)}
80%{-moz-transform:translateX(-10px)}
100%{-moz-transform:translateX(0)}
}
@-o-keyframes bounceInLeft{0%{opacity:0;-o-transform:translateX(-2000px)}
60%{opacity:1;-o-transform:translateX(30px)}
80%{-o-transform:translateX(-10px)}
100%{-o-transform:translateX(0)}
}
@keyframes bounceInLeft{0%{opacity:0;transform:translateX(-2000px)}
60%{opacity:1;transform:translateX(30px)}
80%{transform:translateX(-10px)}
100%{transform:translateX(0)}
}
.animated.fadeInUp{-webkit-animation-name:fadeInUp;-moz-animation-name:fadeInUp;-o-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px)}
100%{opacity:1;-webkit-transform:translateY(0)}
}
@-webkit-keyframes fadeIn{0%{opacity:0}
100%{opacity:1}
}
@-moz-keyframes fadeIn{0%{opacity:0}
100%{opacity:1}
}
@-o-keyframes fadeIn{0%{opacity:0}
100%{opacity:1}
}
@keyframes fadeIn{0%{opacity:0}
100%{opacity:1}
}
.animated.fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn}
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px)}
100%{opacity:1;-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInLeft{0%{opacity:0;-moz-transform:translateX(-20px)}
100%{opacity:1;-moz-transform:translateX(0)}
}
@-o-keyframes fadeInLeft{0%{opacity:0;-o-transform:translateX(-20px)}
100%{opacity:1;-o-transform:translateX(0)}
}
@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}
100%{opacity:1;transform:translateX(0)}
}
.animated.fadeInLeft{-webkit-animation-name:fadeInLeft;-moz-animation-name:fadeInLeft;-o-animation-name:fadeInLeft;animation-name:fadeInLeft}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px)}
100%{opacity:1;-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInRight{0%{opacity:0;-moz-transform:translateX(20px)}
100%{opacity:1;-moz-transform:translateX(0)}
}
@-o-keyframes fadeInRight{0%{opacity:0;-o-transform:translateX(20px)}
100%{opacity:1;-o-transform:translateX(0)}
}
@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}
100%{opacity:1;transform:translateX(0)}
}
.animated.fadeInRight{-webkit-animation-name:fadeInRight;-moz-animation-name:fadeInRight;-o-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0)}
40%{-webkit-transform:translateY(-30px)}
60%{-webkit-transform:translateY(-15px)}
}
@-moz-keyframes bounce{0%,100%,20%,50%,80%{-moz-transform:translateY(0)}
40%{-moz-transform:translateY(-30px)}
60%{-moz-transform:translateY(-15px)}
}
@-o-keyframes bounce{0%,100%,20%,50%,80%{-o-transform:translateY(0)}
40%{-o-transform:translateY(-30px)}
60%{-o-transform:translateY(-15px)}
}
@keyframes bounce{0%,100%,20%,50%,80%{transform:translateY(0)}
40%{transform:translateY(-30px)}
60%{transform:translateY(-15px)}
}

/*Gallery popup css*/
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}
.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}
.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}
.mfp-align-top .mfp-container:before{display:none}
.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}
.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}
.mfp-ajax-cur{cursor:progress}
.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}
.mfp-auto-cursor .mfp-content{cursor:auto}
.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}
.mfp-loading.mfp-figure{display:none}
.mfp-hide{display:none!important}
.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}
.mfp-preloader a{color:#ccc}
.mfp-preloader a:hover{color:#fff}
.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}
button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;padding:0;z-index:1046; outline:none;}
button::-moz-focus-inner{padding:0;border:0}
.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}
.mfp-close:focus,.mfp-close:hover{opacity:1}
.mfp-close:active{top:1px}
.mfp-close-btn-in .mfp-close{color:#333}
.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}
.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px}
.mfp-arrow{position:absolute;opacity:.65;margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}
.mfp-arrow:active{margin-top:-54px}
.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}
.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}
.mfp-arrow .mfp-a,.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}
.mfp-arrow .mfp-b,.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px}
.mfp-arrow-left{left:0}
.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}
.mfp-arrow-left .mfp-b,.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}
.mfp-arrow-right{right:0}
.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}
.mfp-arrow-right .mfp-b,.mfp-arrow-right:before{border-left:27px solid #3f3f3f}
.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}
.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}
.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}
.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}
.mfp-iframe-holder .mfp-close{top:-40px}
img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}
.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}
.mfp-figure{line-height:0}
.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}
.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-break:break-word;padding-right:36px}
.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}
.mfp-image-holder .mfp-content{max-width:100%}
.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}
@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}
.mfp-img-mobile img.mfp-img{padding:0}
.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}
.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}
.mfp-img-mobile .mfp-counter{right:5px;top:3px}
.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}
.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}
}
@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}
.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}
.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}
.mfp-container{padding-left:6px;padding-right:6px}
}
.mfp-ie7 .mfp-img{padding:0}
.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}
.mfp-ie7 .mfp-container{padding:0}
.mfp-ie7 .mfp-content{padding-top:44px}
.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}
.mfp-fade.mfp-bg{opacity:0;-webkit-transition:all .15s ease-out;-moz-transition:all .15s ease-out;transition:all .15s ease-out}
.mfp-fade.mfp-bg.mfp-ready{opacity:.8}
.mfp-fade.mfp-bg.mfp-removing{opacity:0}
.mfp-fade.mfp-wrap .mfp-content{opacity:0;-webkit-transition:all .15s ease-out;-moz-transition:all .15s ease-out;transition:all .15s ease-out}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content{opacity:1}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content{opacity:0}
.mfp-zoom-in .mfp-with-anim{opacity:0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}
.mfp-zoom-in.mfp-bg{opacity:0;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-ms-transition:all .4s ease-out;transition:all .4s ease-out}
.mfp-zoom-in.mfp-ready .mfp-with-anim{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.mfp-zoom-in.mfp-ready.mfp-bg{opacity:.8}
.mfp-zoom-in.mfp-removing .mfp-with-anim{-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);opacity:0}
.mfp-zoom-in.mfp-removing.mfp-bg{opacity:0}