@charset "UTF-8";
/* CSS Document For Mehedi.Com.BD */

@font-face{font-family:'Exo 2';src:url(../fonts/exo2.0-regular-webfont.eot);src:url(../fonts/exo2.0-regular-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/exo2.0-regular-webfont.woff) format('woff'),url(../fonts/exo2.0-regular-webfont.ttf) format('truetype'),url(../fonts/exo2.0-regular-webfont.svg#exo_2.0regular) format('svg');font-weight:400;font-style:normal}ul{margin:0;padding:0;list-style:none}body{font-family:Helvetica,"Trebuchet MS",Arial,Helvetica,sans-serif;font-size:12px;color:#FFF}h1,h2,h3{font-size:5em;font-family:'Exo 2',helvetica;color:#FFF;margin:0;text-shadow:0 0 1px #FFF,0 1px 2px rgba(0,0,0,.3)}h2{font-size:2.5em}h3{margin:10px 0;font-size:1.3em;text-shadow:none}.intro p{color:#FFF}.section{text-align:center}.controlArrow.prev{left:100px}.controlArrow.next{right:100px}#section0{background:-webkit-gradient(linear,top left,bottom left,from(#7AC142),to(#7BC142));background:-webkit-linear-gradient(#7AC142,#7BC142);background:linear-gradient(#7AC142,#7BC142)}#section1{background:-webkit-gradient(linear,top left,bottom left,from(#C63D0F),to(#C93D0F));background:-webkit-linear-gradient(#C63D0F,#C93D0F);background:linear-gradient(#C93D0F,#C93D0F)}#section2{background:-webkit-gradient(linear,top left,bottom left,from(#1BBC9B),to(#1DBC9B));background:-webkit-linear-gradient(#1BBC9B,#1DBC9B);background:linear-gradient(#1BBC9B,#1DBC9B)}#section3{background:-webkit-gradient(linear,top left,bottom left,from(#969AC6),to(#999AC6));background:-webkit-linear-gradient(#969AC6,#999AC6);background:linear-gradient(#969AC6,#999AC6)}#section4{background:-webkit-gradient(linear,top left,bottom left,from(#7E8F7C),to(#7F8F7C));background:-webkit-linear-gradient(#7E8F7C,#7F8F7C);background:linear-gradient(#7E8F7C,#7F8F7C)}.photo-item{width:220px;height:220px;border-radius:50%;position:relative;box-shadow:0 1px 10px rgba(0,0,0,.1);cursor:default;left:50%;margin-left:-110px}.photo-info,.photo-info-wrap{position:absolute;width:180px;height:180px;border-radius:50%}.photo-info-wrap{background:#f9f9f9 url(../images/noise.jpg);top:20px;left:20px;box-shadow:0 0 0 20px rgba(255,255,255,.2),inset 0 0 3px rgba(115,114,23,.8)}.photo-info>div{display:block;position:absolute;width:100%;height:100%;border-radius:50%;background-position:center center;-webkit-backface-visibility:hidden}.photo-info .photo-info-front{-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;transition:all .6s ease-in-out}.photo-info .photo-info-back{opacity:0;background:#7AC142;pointer-events:none;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-o-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5);-webkit-transition:all .4s ease-in-out .2s;-moz-transition:all .4s ease-in-out .2s;-o-transition:all .4s ease-in-out .2s;-ms-transition:all .4s ease-in-out .2s;transition:all .4s ease-in-out .2s}.photo-circle{background-image:url(../images/mehedi-hasan.jpg)}.photo-info h3{color:#FFF;text-transform:uppercase;letter-spacing:2px;font-size:18px;margin:0 15px;padding:40px 0 0;height:70px;text-shadow:0 0 1px #FFF,0 1px 2px rgba(0,0,0,.3)}.photo-info p{color:#FFF;padding:10px 0 0;font-style:italic;margin:0 20px;font-size:12px;border-top:1px solid rgba(255,255,255,.5)}.photo-item:hover .photo-info-front{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0}.photo-item:hover .photo-info-back{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;pointer-events:auto}.social-icons{display:inline-block;margin:10px auto;width:205px}.social-roll{border-radius:50%;float:left;height:48px;margin:10px;transition:all .3s ease 0s;width:48px;cursor:pointer}.social-roll:hover{box-shadow:0 0 4px 10px #FFF;transform:rotate(360deg)}.twitter-roll{background-image:url(../images/twitter-48gray-circle.png)}.twitter-roll:hover{background-image:url(../images/twitter-48circle.png)}.facebook-roll{background-image:url(../images/facebook-48gray-circle.png)}.facebook-roll:hover{background-image:url(../images/facebook-48circle.png)}.linkedin-roll{background-image:url(../images/linkedin-48gray-circle.png)}.linkedin-roll:hover{background-image:url(../images/linkedin-48circle.png)}.services-container{width:1000px;margin:10px auto 30px}.service{border-radius:5px;float:left;height:250px;margin:12px;padding:10px;text-align:left;width:289px;background:rgba(255,255,255,.2);transition:all .3s ease 0s}.service:hover{box-shadow:1px 1px 12px #FFF}.service li{list-style:square outside none;margin-left:15px;padding:1px 0}.skills{float:left;clear:both;width:100%}.skills li,.skills ul{display:block;list-style:none;margin:0;padding:0}.skills li{float:left;clear:both;padding:0 15px;height:35px;line-height:35px;color:#fff;margin-bottom:1px;font-size:18px}.skills .jq{background:#0469AE}.skills .css{background:#119DD8}.skills .php{background:#5A68A5}.skills .wp{background:#1B89BC}.skills .jm{background:#5AA526}.skills .fl{background:#BC0718}#diagram{float:right;width:600px;height:600px}.get{display:none}.legend{float:left;width:250px;margin-top:140px}.skills_content{height:600px;left:50%;margin:-300px 0 0 -450px;position:absolute;top:50%;width:1000px}.skills_content h1{text-align:left}.portfolio-container{width:1000px;margin:10px auto 30px}.portfolio-container label{font-family:'Exo 2',helvetica;width:25%;height:30px;cursor:pointer;color:#777;text-shadow:1px 1px 1px rgba(255,255,255,.8);line-height:33px;font-size:15px;background:#fff;background:-moz-linear-gradient(top,#fff 1%,#eaeaea 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(1%,#fff),color-stop(100%,#eaeaea));background:-webkit-linear-gradient(top,#fff 1%,#eaeaea 100%);background:-o-linear-gradient(top,#fff 1%,#eaeaea 100%);background:-ms-linear-gradient(top,#fff 1%,#eaeaea 100%);background:linear-gradient(top,#fff 1%,#eaeaea 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaeaea', GradientType=0);float:left;box-shadow:0 0 0 1px #aaa,1px 0 0 0 rgba(255,255,255,.9)inset,0 1px 2px rgba(0,0,0,.2)}.portfolio-container label.portfolio-label-type-all{border-radius:3px 0 0 3px}.portfolio-container label.portfolio-label-type-3{border-radius:0 3px 3px 0}.portfolio-container input.portfolio-selector-type-1:checked~label.portfolio-label-type-1,.portfolio-container input.portfolio-selector-type-2:checked~label.portfolio-label-type-2,.portfolio-container input.portfolio-selector-type-3:checked~label.portfolio-label-type-3,.portfolio-container input.portfolio-selector-type-all:checked~label.portfolio-label-type-all{background:#333;color:#FFF;text-shadow:0 1px 1px rgba(255,255,255,.3);box-shadow:0 0 0 1px #40496e,0 1px 2px rgba(0,0,0,.1)inset}.portfolio-container input{display:none}.portfolio-items{position:relative;margin:0 auto;padding-top:0}.portfolio-items a{display:block;position:relative;padding:10px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.1);margin:4px;width:223px;height:120px}.portfolio-items a span{display:block;background:rgba(0,0,0,.5);font-style:italic;color:#fff;font-weight:700;padding:20px;position:absolute;bottom:10px;left:10px;width:184px;height:0;overflow:hidden;opacity:0;text-align:center;text-shadow:1px 1px 1px #303857;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.portfolio-items a:hover span{height:80px;opacity:1}.portfolio-items li img{display:block}.portfolio-items li{margin:0;float:left;height:148px;width:0;-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0)}.portfolio-container input.portfolio-selector-type-all:checked~.portfolio-items li{width:250px;-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition:-webkit-transform .3s linear;-o-transition:-o-transform .3s linear;-ms-transition:-ms-transform .3s linear;transition:transform .3s linear}.portfolio-container input.portfolio-selector-type-1:checked~.portfolio-items .portfolio-item-type-1,.portfolio-container input.portfolio-selector-type-2:checked~.portfolio-items .portfolio-item-type-2,.portfolio-container input.portfolio-selector-type-3:checked~.portfolio-items .portfolio-item-type-3{-webkit-transition:-webkit-transform .3s linear,width 0s linear .3s;-moz-transition:-moz-transform .3s linear,width 0s linear .3s;-o-transition:-o-transform .3s linear,width 0s linear .3s;-ms-transition:-ms-transform .3s linear,width 0s linear .3s;transition:transform .3s linear,width 0s linear .3s;-webkit-animation:scaleUp .3s linear .4s forwards;-moz-animation:scaleUp .3s linear .4s forwards;-o-animation:scaleUp .3s linear .4s forwards;-ms-animation:scaleUp .3s linear .4s forwards;animation:scaleUp .3s linear .4s forwards}.portfolio-container input.portfolio-selector-type-1:checked~.portfolio-items li:not(.portfolio-item-type-1),.portfolio-container input.portfolio-selector-type-2:checked~.portfolio-items li:not(.portfolio-item-type-2),.portfolio-container input.portfolio-selector-type-3:checked~.portfolio-items li:not(.portfolio-item-type-3){-webkit-animation:scaleDown .3s linear forwards;-moz-animation:scaleDown .3s linear forwards;-o-animation:scaleDown .3s linear forwards;-ms-animation:scaleDown .3s linear forwards;animation:scaleDown .3s linear forwards}@-webkit-keyframes scaleUp{50%{width:250px;-webkit-transform:scale(0,0)}100%{width:250px;-webkit-transform:scale(1,1)}}@-webkit-keyframes scaleDown{0%{width:250px;-webkit-transform:scale(1,1)}99%{width:250px;-webkit-transform:scale(0,0)}100%{width:0;-webkit-transform:scale(0,0)}}@-moz-keyframes scaleUp{50%{width:250px;-moz-transform:scale(0,0)}100%{width:250px;-moz-transform:scale(1,1)}}@-moz-keyframes scaleDown{0%{width:250px;-moz-transform:scale(1,1)}99%{width:250px;-moz-transform:scale(0,0)}100%{width:0;-moz-transform:scale(0,0)}}@-o-keyframes scaleUp{50%{width:250px;-o-transform:scale(0,0)}100%{width:250px;-o-transform:scale(1,1)}}@-o-keyframes scaleDown{0%{width:250px;-o-transform:scale(1,1)}99%{width:250px;-o-transform:scale(0,0)}100%{width:0;-o-transform:scale(0,0)}}@-ms-keyframes scaleUp{50%{width:250px;-ms-transform:scale(0,0)}100%{width:250px;-ms-transform:scale(1,1)}}@-ms-keyframes scaleDown{0%{width:250px;-ms-transform:scale(1,1)}99%{width:250px;-ms-transform:scale(0,0)}100%{width:0;-ms-transform:scale(0,0)}}@keyframes scaleUp{50%{width:250px;transform:scale(0,0)}100%{width:250px;transform:scale(1,1)}}@keyframes scaleDown{0%{width:250px;transform:scale(1,1)}99%{width:250px;transform:scale(0,0)}100%{width:0;transform:scale(0,0)}}.contact-container{width:1000px;margin:10px auto 30px;text-align:left;display:inline-block}.about{float:left;padding-right:40px;text-align:justify;width:360px}.form{width:500px;float:right}:focus{outline:0}.form_hint,.required_notification{font-size:11px}.contact_form ul{list-style-type:none;list-style-position:outside;margin:0;padding:0}.contact_form li{padding:5px 0;position:relative}.contact_form h2{margin:0;display:inline}.required_notification{color:red;margin:5px 0 0;display:inline}.contact_form label{width:100px;margin-top:3px;display:inline-block;float:left;padding:3px}.contact_form input{height:16px;width:220px;padding:5px 8px}.contact_form textarea{padding:8px;width:300px}.contact_form button{margin-left:104px}.contact_form input,.contact_form textarea{border:1px solid #FFF;box-shadow:0 0 3px #ccc,0 10px 15px #eee inset;border-radius:2px;padding-right:30px;-moz-transition:padding .25s;-webkit-transition:padding .25s;-o-transition:padding .25s;transition:padding .25s}.contact_form input:focus,.contact_form textarea:focus{background:#fff;border:1px solid #555;box-shadow:0 0 3px #aaa;padding-right:70px}.contact_form input:required,.contact_form textarea:required{background:#fff url(../images/red_asterisk.png) no-repeat 98% center}.contact_form input:required:valid,.contact_form textarea:required:valid{background:#fff url(../images/valid.png) no-repeat 98% center;box-shadow:0 0 5px #5cd053;border-color:#28921f}.contact_form input:focus:invalid,.contact_form textarea:focus:invalid{background:#fff url(../images/invalid.png) no-repeat 98% center;box-shadow:0 0 5px #d45252;border-color:#b03535}.form_hint{background:#d45252;border-radius:3px;color:#fff;margin-left:8px;padding:1px 6px;z-index:999;position:absolute;display:none}.form_hint::before{content:"\25C0";color:#d45252;position:absolute;top:1px;left:-6px}.contact_form input:focus+.form_hint{display:inline}.contact_form input:required:valid+.form_hint{background:#28921f}.contact_form input:required:valid+.form_hint::before{color:#28921f}button.submit{background:-webkit-gradient(linear,left top,left bottom,from(#68b12f),to(#50911e));background:-webkit-linear-gradient(top,#68b12f,#50911e);background:-moz-linear-gradient(top,#68b12f,#50911e);background:-ms-linear-gradient(top,#68b12f,#50911e);background:-o-linear-gradient(top,#68b12f,#50911e);background:linear-gradient(top,#68b12f,#50911e);border:1px solid #509111;border-bottom:1px solid #5b992b;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;box-shadow:inset 0 1px 0 0 #9fd574;-webkit-box-shadow:0 1px 0 0 #9fd574 inset;-moz-box-shadow:0 1px 0 0 #9fd574 inset;-ms-box-shadow:0 1px 0 0 #9fd574 inset;-o-box-shadow:0 1px 0 0 #9fd574 inset;color:#fff;font-weight:700;padding:6px 20px;text-align:center;text-shadow:0 -1px 0 #396715}button.submit:hover{opacity:.85;cursor:pointer}button.submit:active{border:1px solid #20911e;box-shadow:0 0 10px 5px #356b0b inset;-webkit-box-shadow:0 0 10px 5px #356b0b inset;-moz-box-shadow:0 0 10px 5px #356b0b inset;-ms-box-shadow:0 0 10px 5px #356b0b inset;-o-box-shadow:0 0 10px 5px #356b0b inset}.keyword{text-align:justify;clear:both;margin:10px auto;width:1000px}.keyword h1{font-size:12px;margin:0;padding:0;text-shadow:none;color:#CCC}.keyword h1 a{color:#CCC;text-decoration:none}