/* Table of Content */ /* ================================================== */ /*1-Preloader 2-Header 3-Tabs sections : 3/1-About tab 3/2-Portfolio tab 3/3-Blog tab 3/4-Contact tab 4-Media queries*/ /* Preloader */ #loader{background-color:#efefef;bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:9999;} #loaderInner{height:100%;left:0;position:absolute;top:50%;width:100%;opacity:.9;text-align:center;} .spinner{font-size:10px;text-indent:-9999em;margin:0 auto;width:4em;height:4em;background:#333333;background:-moz-linear-gradient(left, #333333 10%, rgba(51, 51, 51, 0) 30%);background:-webkit-linear-gradient(left, #333333 10%, rgba(51, 51, 51, 0) 30%);background:-o-linear-gradient(left, #333333 10%, rgba(51, 51, 51, 0) 30%);background:-ms-linear-gradient(left, #333333 10%, rgba(51, 51, 51, 0) 30%);background:linear-gradient(to right, #333333 10%, rgba(51, 51, 51, 0) 30%);position:relative;-webkit-animation:rotation 1s infinite linear;animation:rotation 1s infinite linear;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);} .spinner:before{width:50%;height:50%;background:#333333;position:absolute;top:0;left:0;content:'';border-radius:100% 0 0 0;} .spinner:after{background:#efefef;width:92%;height:100%;border-radius:50%;content:'';margin:auto;position:absolute;top:0;left:0;bottom:0;right:0;} @-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}} @keyframes rotation{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}} /* End preloader */ /* Wrapper */ .wrapper{} @media (max-width:768px){.wrapper{margin-top:15px!important;}} @media (max-width:992px){.wrapper{margin-top:15px!important;}} /* Wrapper */ /* Header */ .img-profile{position:relative;} .img-profile:hover{} .img-profile:hover > img{/*background-color:rgba(0, 0, 0, 0);background-image:url("../images/Profile/profile2.jpg");background-repeat:no-repeat;background-size:100% auto;display:block;height:262.02px;padding-right:277.5px;width:277.5px;*/} .img-profile > img{} .img-profile .name-profile{background:rgb(51,55,61);background:-moz-linear-gradient(90deg, rgba(51,55,61,1) 0%, rgba(51,55,61,0) 100%);background:-webkit-linear-gradient(90deg, rgba(51,55,61,1) 0%, rgba(51,55,61,0) 100%);background:linear-gradient(90deg, rgba(51,55,61,1) 0%, rgba(51,55,61,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#33373d",endColorstr="#33373d",GradientType=1);bottom:0;left:0;position:absolute;} .img-profile .name-profile span{color:#ffffff!important;opacity:.95;font-family:"Helvetica Neue",Arial,sans-serif;padding:5px 30px 5px 15px;font-size:12px;display:block;text-transform:uppercase;} .img-profile .name-profile span sup{color:#ffffff!important;font-size:8px;line-height:5px;} .main-nav{} .main-nav ul{} .main-nav ul li{display:block;position:relative;border-bottom:1px solid #26292e;} .main-nav ul li:last-child{border-bottom:none;} .main-nav ul li a{display:table;text-align:right;background-color:#33373d;color:#85878b;font-size:12px;text-transform:uppercase;padding:15px 25px;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-ms-transition-property:color;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s;width:100%;} .main-nav li a:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background-color:#0076a3;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;-ms-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;-ms-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;transition-timing-function:ease-out;} .main-nav li a:hover,.main-nav li a:focus,.main-nav li a:active{color:#ffffff;} .main-nav li a:hover:before,.main-nav li a:focus:before,.main-nav li a:active:before{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);} .main-nav li a.active:before{color:#ffffff;content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background-color:#0076a3;-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-transition-property:transform;-ms-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;-ms-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;transition-timing-function:ease-out;} .main-nav li a.active{color:#ffffff;background-color:#0076a3;} .main-nav ul li a i{position:absolute;left:20px;font-size:22px;top:9px;} .social{align-items: center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;justify-content: center;flex-wrap:wrap;margin:0 auto;width:90%;} .social li{display:inline-block;text-align:center;} .social a{color:#33373d;display:inline-block;height:32px;width:30px;} .social li i{line-height:35.6px;font-size:24px;} .social a:hover{color:#0076a3;} .homeback{align-items: center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;justify-content: center;flex-wrap:wrap;margin:10px auto;width:90%;} .homeback > a{align-items:center;border-top:1px solid rgba(0, 0, 0, 0.2);color:#33373d;display:flex;justify-content:center;padding:8px 0 0;width:100%;} .homeback > a:hover{color:#0076a3;} .homeback > a i{font-size: 26px;} .bottom-header p{margin-top:10px;font-size:13px;} /* End header */ /* Tabs sections */ .content{padding:20px 40px;} .content.single{padding:20px 40px 0;} .LeftContent{ } .LeftContent.LeftContentFix{ } /* ----------- (min-width :1124px) ----------- */ @media only screen and (min-width :1124px){ .LeftContent.LeftContentFix{ float:left; left:auto; position:fixed; top:0; width:292.5px; } } /* ----------- (min-width :1124px) ----------- */ .RightContent{ } .RightContent.RightContentFix{ } /* ----------- (min-width :1124px) ----------- */ @media only screen and (min-width :1124px){ .RightContent.RightContentFix{ float:right; } } /* ----------- (min-width :1124px) ----------- */ /* CV section */ /* ================================================== */ .main-title h1{position:relative;} .main-title h1 .icon-logo{background-color:#912da2;border-radius:3px;bottom:4px;display:inline-flex;height:32px;margin-left:10px;padding:0 0 0 3px;position:absolute;right:0;width:32px;} .main-title h1 .icon-logo:hover, .main-title h1 .icon-logo:focus{background-color:#ab63bd;} .main-title h1 .icon-logo i{color:#ffffff;display:flex;font-size:26px;} .cv{overflow:hidden;} .profile h1{font-size:28px;line-height:25px;font-weight:bold;position:relative;} .profile h1 .account-badge{display:inline-flex;margin-left:10px;position:absolute;top:0;} .profile h1 .account-badge i{display:flex;font-size:16px;} .cv .profile h3{font-size:22px;color:#777777;} .info{} .info .col-md-6{padding:0;} .info .col-md-6:first-child{padding-left:15px;} .info .col-md-6 ~ .col-md-6{left:-1px;padding-right:15px;} .info .col-md-6 ~ .col-md-6 ~ .col-md-12{top:-1px;} .info ul.info-list{border:1px solid #efefef;text-align:center;} .info ul.info-list li{background-color:#fafafa;border-bottom:1px solid #efefef;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-size:14px;} .info ul.info-list li .inf, .info ul.info-list li .value{-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:50px;padding:0;} .info ul.info-list li .inf{background-color:#ffffff;border-right:1px solid #efefef;color:#333333;position:relative;width:40%;} .info ul.info-list li .value{color:#666666;width:60%;} .info ul.info-list li:last-child{border-bottom:none;} .skill{} .vc{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;align-items:center;-webkit-align-items:center;justify-content:center;-webkit-justify-content:center;flex-direction:row;-webkit-flex-direction:row;} .skill .skills-list{margin:0 auto;padding-top:30px;} .skill .skills-list li{align-items:center;display:flex;justify-content:center;line-height:26px;} .skill .skills-list h4{} .skill .skills-list .progress{margin:0 auto;} .skill .skills-list li:last-child .progress{margin-bottom:0;} .skill .skills-list .progress .percentage{} .progress{display:block;height:16px;margin:8px 0 14px;position:relative;width:100%;overflow:visible;border-radius:50px;-moz-border-radius:50px;-webkit-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;background-color:#ffffff;/* Old browsers */} .skill.des .progress{border:1px solid #5cb85c;} .skill.dev .progress{border:1px solid #f0ad4e;} .skill.prs .progress{border:1px solid #d9534f;} .progress .percentage{border-radius:50px 0 0 50px;-moz-border-radius:50px 0 0 50px;-webkit-border-radius:50px 0 0 50px;-ms-border-radius:50px 0 0 50px;-o-border-radius:50px 0 0 50px;bottom:0;position:absolute;top:0;} .skill.des .progress .percentage{background-color:#5cb85c;} .skill.dev .progress .percentage{background-color:#f0ad4e;} .skill.prs .progress .percentage{background-color:#d9534f;} /*background:linear-gradient(to right, #d9534f 0%, #d9534f 33%, #f0ad4e 33%, #f0ad4e 66%, #5cb85c 66%, #5cb85c 100%);*/ .percentage .percent{position:absolute;right:-14px;top:-30px;font-size:11px;} .skills-list h4{color:#666666;display:block;font-size:13px;line-height:23px;margin-bottom:0;text-transform:uppercase;width:40%;} .skill .title{border-radius:50px;left:10%;padding:5px 30px;position:absolute;right:10%;text-align:center;text-transform:uppercase;top:0;} .skill .title.des{color:#5cb85c;border:1px dashed #5cb85c;} .skill .title.dev{color:#f0ad4e;border:1px dashed #f0ad4e;} .skill .title.prs{color:#d9534f;border:1px dashed #d9534f;} .cvlist{position:relative;} .cvlist ul{list-style:disc;} .cvlist ul li{font-family:MarkayimFonts_3,HelveticaNeue,"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;line-height:20px;list-style:disc;} .cvlist ul li:hover{color:#333333;} .cvlist .row h4{display:block;font-family: MarkayimFonts_3,HelveticaNeue,"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;line-height: 20px;margin: 10px auto;text-align: center;text-transform:none;} .timeline{position:relative;} .timeline:before{ background:#ededed;/* Old browsers */background:-moz-linear-gradient(top, #ededed 1%, #ededed 75%, #ffffff 100%);/* FF3.6+ */background:-webkit-gradient(linear, left top, left bottom, color-stop(1%,#ededed), color-stop(75%,#ededed), color-stop(100%,#ffffff));/* Chrome,Safari4+ */background:-webkit-linear-gradient(top, #ededed 1%,#ededed 75%,#ffffff 100%);/* Chrome10+,Safari5.1+ */background:-o-linear-gradient(top, #ededed 1%,#ededed 75%,#ffffff 100%);/* Opera 11.10+ */background:-ms-linear-gradient(top, #ededed 1%,#ededed 75%,#ffffff 100%);/* IE10+ */background:linear-gradient(to bottom, #ededed 1%,#ededed 75%,#ffffff 100%);/* W3C */filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 );/* IE6-9 */bottom:0;content:"";left:18px;position:absolute;top:0;width:3px;height:100%;} .timeline:after{background-color:#ffffff;border:3px solid #efefef;font-family:Freelyshout;top:0;left:-5px;width:50px;height:50px;position:absolute;text-align:center;color:#333333;font-size:20px;line-height:45px;} .timeline.experience:after{content:'\e9ae';} .timeline.education:after{content:'\e6a9';} .exp{font-family:freelyshout_light,HelveticaNeue,"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;margin-bottom:10px;padding-left:50px;padding-top:20px;position:relative;} .exp:after{background-color:#0076a3;border:3px solid #ffffff;content:"";height:15px;left:12px;position:absolute;text-align:center;top:24px;width:15px;} .exp .hgroup{display:flex;line-height:20px;margin-bottom:5px;} .exp .hgroup h4, h6{margin-bottom:0;margin-top:0;} .exp .hgroup h4{line-height:20px;text-transform:none;max-width:70%;} .exp .hgroup h6{color:#666666;font-size:12px;line-height:20px;position:absolute;right:0;text-transform:none;} .exp .hgroup h6 i{color:#cccccc;margin-right:5px;} .exp .hgroup h6 span.current{color:#ffffff;background-color:#0076a3;border-radius:6px;-moz-border-radius:6px 0 :6px;-ms-border-radius:6px;-o-border-radius:6px;padding:1px 12px;} .exp .hgroup h6 span.current.info{color:#000000;background-color:#cfcfcf;} .exp > h4{font-size:14px;text-transform:none;} .exp > h6{font-size:12px;text-transform:none;} .exp > p{font-size:14px;} .block.service .det h3{font-size:13px;} .block.service .ico{font-size:30px;margin-bottom:10px;color:#0076a3;} .block-quote{background-color:#efefef;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;margin:0 32px;padding:40px;position:relative;} .block-quote .block-img{position:absolute;right:-40px;top:25px;} .block-quote .block-img img{width:85px;height:80px;border:10px solid #ffffff;} .block-quote .block-icon{position:absolute;right:-18px;top:120px;color:#777777;} .block-quote .block-icon{background-color:#efefef;border:5px solid #ffffff;font-size:16px;height:40px;line-height:32px;text-align:center;width:40px;} .block-quote .block-profile{font-size:15px;} .block-quote .block-profile span{font-size:14px;color:#666666;} .block-quote blockquote{font-size:16px;line-height:24px;padding-right:30px;color:#666666;} /* End CV section */ /* ================================================== */ /* About section */ /* ================================================== */ .about{overflow:hidden;} .about .profile h1{font-size:28px;line-height:25px;font-weight:bold;} .about .profile h3{font-size:22px;color:#777777;} /* End about section */ /* ================================================== */ /* Portfolio section */ /* ================================================== */ .block-filter ul{display:inline-block;position:relative;} .filter li{display:inline-block;margin:0 10px;position:relative;text-transform:uppercase;font-size:13px;} .filter li a{color:#33373d;} .filter li a:hover{color:#0076a3;} .filter li a.active{color:#0076a3;} .item{position:relative;margin-bottom:30px;} .disable:before{background-color:#ffffff;content:"";display:block;height:100%;left:0;opacity:0.7;position:absolute;top:0;width:100%;z-index:12;} .item a .desc{background-color:rgba(205,83,83,0.95);height:100%;position:absolute;text-align:center;width:100%;z-index:2;opacity:0;} .item a .desc:hover{opacity:1;} .item a .desc h3{color:#ffffff;font-size:13px;bottom:0;left:0;margin:auto;position:absolute;right:0;top:0;height:55px;} .item a .desc h3 span{display:block;font-size:12px;text-transform:none;position:relative;top:-5px;} .zigzag.work{stroke:#ffffff;position:relative!important;top:-1px!important;} .block-nav-work{display:inline-block;position:relative;width:100%;} .block-nav-work ul{text-align:center;} .block-nav-work li{display:inline-block;margin:0 2px;} .block-nav-work li a{display:inline-block;color:#cccccc;font-size:15px;border:1px solid #efefef;padding:5px;} .block-nav-work li a:hover{color:#0076a3;} .block-single h1.large-title{font-size:40px;letter-spacing:20px;line-height:50px;} .block-single ul{font-size:13px;} /* End portfolio section */ /* ================================================== */ /* Blog section */ /* ================================================== */ .post-title a,.post-title h1,span.meta-date{display:inline-block;} .post-title h1,.post-title a{font-size:24px;text-transform:none;color:#666666;} span.meta-date{background-color:#0076a3;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;color:#ffffff;font-size:10px;margin-left:20px;padding:0 12px;text-transform:uppercase;position:relative;top:-4px;} .post-meta{display:inline-block;margin-bottom:12px;overflow:hidden;font-size:13px;} .post-meta li{float:left;margin-right:25px;color:#666666;} .post-meta li a{color:#0076a3;} .post-meta i{font-size:17px;margin-right:8px;position:relative;top:0;color:#cccccc;} .block-post p{margin-bottom:25px;} .block-post hr{margin-top:0;} .block-post.single p{margin-bottom:15px;} .block-posts .block-post:last-child .divider-m{display:none;} .block-posts .block-post:last-child{margin-bottom:40px;} .block-posts .block-post.single:last-child{margin-bottom:0;} .search-form{border-top:1px solid #26292e;position:relative;top:-1px;height:52px;height:auto!important;} .search-form input[type="text"]{background-color:#0076a3;color:#ffffff;font-size:12px;border:none;padding:15px 25px;text-align:right;width:100%;text-transform:uppercase;} .search-form input[type="submit"]{height:0;opacity:0;overflow:hidden;padding:0;width:0;display:none;} .search-form i{color:#ffffff;font-size:22px;position:absolute;left:25px;top:15px;cursor:pointer;} .embed-video{display:inline-block;position:relative;width:100%;padding-bottom:56%;} .embed-video iframe{border:0 none;bottom:0;height:100%;left:0;position:absolute;top:0;width:100%;} .comment-content{margin-bottom:15px;margin-left:120px;} .comments .author-img{float:left;height:80px;padding:8px;width:80px;border:1px solid #efefef;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;} .comments .author-img img{display:block;height:100%;max-width:100%;} .comment{position:relative;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #efefef;} .comments li:last-child .comment{border:none;margin-bottom:0;padding-bottom:0;} .comments a{display:inline-block;} .author a{color:#292c31;font-size:12px;text-transform:uppercase;} .comments .replys{margin-left:40px;} .comments .replys.children{margin-left:80px;} .comments .reply-btn{left:-15px;position:relative;top:18px;} .comments .reply-btn a{color:#ffffff;font-size:12px;text-transform:uppercase;background-color:#0076a3;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;font-size:10px;margin-left:20px;padding:0 12px;position:relative;} .comment-content .date a{display:inline-block;font-size:11px;color:#0076a3;position:relative;top:-5px;} .pagination ul{display:inline-block;} .pagination ul li{color:#cccccc;display:inline;font-size:12px;} .pagination ul li.prev a{border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;-webkit-border-radius:3px 0 0 3px;-ms-border-radius:3px 0 0 3px;-o-border-radius:3px 0 0 3px;} .pagination ul li.next a{border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;-webkit-border-radius:0 3px 3px 0;-ms-border-radius:0 3px 3px 0;-o-border-radius:0 3px 3px 0;} .pagination ul li a{background-color:#ffffff;color:#cccccc;float:left;height:35px;line-height:36px;margin-right:5px;width:35px;border:1px solid #efefef;} .pagination ul li a:hover,.pagination ul li span:hover{color:#33373d;} .pagination ul li a.selected{color:#0076a3;} .pagination ul li i{margin:0;width:auto;} /* End blog section */ /* ================================================== */ /* Contact section */ /* ================================================== */ #map{height:390px;} .contact-form,.reply-form{position:relative;} .input-columns .column1,.input-columns .column2{float:left;width:50%;} .input-columns .column1 .column-inner{padding:0 15px 0 0;} .contact-form input[type="text"],.contact-form textarea,.reply-form input[type="text"],.reply-form textarea{background:rgba(0,0,0,0) none repeat scroll 0 0;border:1px solid #efefef;color:#666666;font-size:13px;margin:0 0 14px;outline:0 none;overflow:hidden;padding:10px 15px;resize:none;width:100%;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;font-family:open_sansregular,Arial,sans-serif;} .contact-form textarea,.reply-form textarea{color:#666666;width:100%;font-family:open_sansregular,Arial,sans-serif;} .contact-form .submit,.reply-form .submit{bottom:-15px;cursor:pointer;position:absolute;right:45px;border-radius:25px;-moz-border-radius:25px;-webkit-border-radius:25px;-ms-border-radius:25px;-o-border-radius:25px;border:15px solid #ffffff;/* Prevent background color leak outs */-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;} .contact-form .submit:hover,.reply-form .submit:hover{background-color:#33373d;/* Prevent background color leak outs */-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;} #success,#error{display:none;position:relative;} #success h2,#error h2{color:#33373d;font-size:11px;left:0;position:absolute;text-transform:none;top:0;} .errorForm{border:1px solid #0076a3!important;} .info-holder{border:1px solid #efefef;padding:20px;text-align:center;} .address-info{position:relative;} .address-info p{color:#2d2d2d;font-size:18px;padding-bottom:40px;padding-top:40px;line-height:30px;} .address-info i{align-items:center;justify-content:center;background-color:#0076a3;color:#ffffff;display:flex;font-size:28px;height:90px;left:50%;line-height:60px;margin-left:-50px;position:absolute;top:-70px;width:90px;border:15px solid #ffffff;/* Prevent background color leak outs */-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;} .address-info{font-size:14px;text-align:center;} .contact-info a{color:#999999;} .contact-info li{display:inline-block;position:relative;width:200px;} .contact-info ul{padding-bottom:25px;} .contact-info li .ico{background-color:#33373d;color:#ffffff;font-size:20px;height:80px;left:50%;line-height:52px;margin-left:-36px;position:absolute;top:28px;width:80px;border:15px solid #ffffff;/* Prevent background color leak outs */-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;} /* End Contact section */ /* ================================================== */ /* End tabs section */ /* ================================================== */ /* Media section */ /* ================================================== */ /*iPad lanscape*/ @media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){ input,textarea{-webkit-appearance:none;-webkit-border-radius:0;} #map{height:300px;} .address-info i{margin-left:-45px;} .address-info p{margin:0 auto;padding-bottom:20px;} .address-info p{line-height:30px;margin-bottom:80px;} .contact-info li{width:auto;padding-bottom:80px;display:block;text-align:center;} .contact-info li:last-child{padding-bottom:0;} .contact-info li .ico{top:-80px;} .img-profile .name-profile{display:none;} } /* Tablet Portrait size -> standard 960 */ @media only screen and (min-width:768px) and (max-width:991px){ input,textarea{-webkit-appearance:none;-webkit-border-radius:0;} .nopr{padding-right:15px;} .main-nav.tabbed ul li{float:left;/*width:20%;*/width:33.333%;border-right:1px solid #26292e;border-bottom:none;} .main-nav.tabbed ul li:last-child{border-right:none;border-bottom:none;} .img-profile .name-profile{display:none;} .bottom-header{margin-bottom:10px;} .info ul.info-list li .inf{left:-4px;} .info ul.info-list{margin-bottom:10px;} .vc{display:inline!important;} .skill .title{transform:rotate(0deg);-webkit-transform:rotate(0);position:static;margin-top:25px;} .block.service div{margin-bottom:30px;} .block.service div:last-child{margin-bottom:0;} #map{height:300px;} .address-info i{margin-left:-45px;} .address-info p{line-height:30px;margin-bottom:60px;} .contact-info li{width:auto;padding-bottom:80px;display:block;text-align:center;} .contact-info li:last-child{padding-bottom:0;} .contact-info li .ico{top:-80px;} } /* Mobile Landscape Size -> Tablet Portrait size*/ @media only screen and (min-width:480px) and (max-width:767px){ input,textarea{-webkit-appearance:none;-webkit-border-radius:0;} .nopr{padding-right:15px;} .main-nav.tabbed ul li{float:left;/*width:20%;*/width:33.333%;border-right:1px solid #26292e;border-bottom:none;} .main-nav.tabbed ul li a{font-size:0;line-height:10px;padding:18px 25px;} .main-nav.tabbed ul li:last-child{border-right:none;border-bottom:none;} .main-nav.tabbed ul li a i{left:0;text-align:center;top:12px;width:100%;} .img-profile .name-profile{display:none;} .bottom-header{margin-bottom:10px;} .info ul.info-list{margin-bottom:10px;} .info ul.info-list li .inf{left:-2px;} .vc{display:inline!important;} .skill .title{transform:rotate(0deg);-webkit-transform:rotate(0);position:static;margin-top:25px;} .block.service div{margin-bottom:30px;} .block.service div:last-child{margin-bottom:0;} .filter li{display:block;margin:10px 0;} .post-meta li{float:none;} .post-title h1,.post-title a{line-height:30px;display:block;} span.meta-date{margin-left:0;margin-top:10px;margin-bottom:10px;} .comments .replys.children{margin-left:40px;} #map{height:300px;} .address-info i{margin-left:-45px;} .address-info p{line-height:30px;margin-bottom:60px;} .contact-info li{width:auto;padding-bottom:80px;display:block;text-align:center;font-size:12px;} .contact-info li:last-child{padding-bottom:0;} .contact-info li .ico{top:-80px;} .block-quote blockquote{padding-right:0;} } /* Mobile Portrait Size -> Mobile Landscape Size */ @media only screen and (max-width:479px){ input,textarea{-webkit-appearance:none;-webkit-border-radius:0;} .nopr{padding-right:15px;} .main-nav.tabbed,.main-nav.tabbed li{background-color:#33373d;} .main-nav.tabbed ul li{float:left;/*width:20%;*/width:33.333%;border-right:1px solid #26292e;border-bottom:none;} .main-nav.tabbed ul li a{font-size:0;line-height:10px;padding:18px 25px;} .main-nav.tabbed ul li:last-child{border-right:none;border-bottom:none;} .main-nav.tabbed ul li a i{left:0;text-align:center;top:12px;width:100%;} .cv .profile h1{font-size:25px;} .cv .profile h3{line-height:30px;font-size:20px;} .about .profile h1{font-size:25px;} .about .profile h3{line-height:30px;font-size:20px;} .img-profile .name-profile{display:none;} .bottom-header{margin-bottom:10px;} .info .col-md-6:first-child{padding:0;} .info .col-md-6 ~ .col-md-6{left:0;padding:0;top:-1px;} .info .col-md-6 ~ .col-md-6 ~ .col-md-12{top:-1px;} .info ul.info-list{margin-bottom:0;border-left:0;} .info ul.info-list li{border-bottom:1px solid #efefef;border-left:1px solid #efefef;} .info ul.info-list li .inf{width:100%;border-right:0;border-left:1px solid #efefef;border-bottom:1px solid #efefef;} .vc{display:inline!important;} .skill .title{transform:rotate(0deg);-webkit-transform:rotate(0);position:static;margin-top:25px;} .block.service div{margin-bottom:30px;} .block.service div:last-child{margin-bottom:0;} .block-quote{width:100%;margin:0;padding:20px;} .block-quote .block-img,.block-quote .block-icon{display:none;} .filter li{display:block;margin:10px 0;} .post-meta li{float:none;} .post-title h1,.post-title a{line-height:30px;display:block;} span.meta-date{margin-left:0;margin-top:10px;margin-bottom:10px;} .comments .replys.children{margin-left:40px;} .pagination ul li.prev a{border-left:1px solid #efefef;} .pagination ul li a{margin-right:0;border-left:0;} .block-single h1.large-title{font-size:25px;line-height:40px;} .block-single.margBottom{margin-bottom:20px!important;} .comments .author-img{float:none;} .comment-content{margin-left:0;margin-top:60px;} .input-columns .column1,.input-columns .column2{width:100%;} .input-columns .column1 .column-inner{padding:0;} #map{height:200px;} .address-info i{margin-left:-45px;} .address-info p{line-height:30px;margin-bottom:60px;} .contact-info li{width:auto;padding-bottom:80px;display:block;text-align:center;font-size:12px;} .contact-info li:last-child{padding-bottom:0;} .contact-info li .ico{top:-80px;} .contact-form .submit,.reply-form .submit{position:static;border:none;width:100%;} .button .but{margin-bottom:10px;} .block-quote blockquote{padding-right:0;} } /* End Media section */ /* ================================================== */ /* SectionTitle */ .SectionTitle { } /* SectionTitle */ /* SectionCertifications */ .SectionCertifications { } /* SectionCertifications */ /* SectionAttributes */ .SectionAttributes { } .SectionAttributes .cvlist ul{list-style:outside none none;} .SectionAttributes .cvlist ul li{line-height:26px;list-style:outside none none;} .SectionAttributes .cvlist ul li::before{color:#333333;content:"\2022";display:inline-block;font-weight:bold;margin-left:-1em;width:1em;} .SectionAttributes .cvlist .row h4{color:#0076a3;display:inline;margin:0 auto;text-align:inherit;} /* SectionAttributes */ /* SectionSkills */ .SectionSkills{ } .SectionSkills .ServicesPrint{display:none;} .SectionSkills .ServicesNoPrint{ } .SectionSkills .ServicesPrint .skill .skills-list h4{width:100%;margin:5px auto 10px;} /* SectionSkills */ /* SectionExperience */ .SectionExperience { } /* SectionExperience */ /* SectionProjects */ .SectionProjects { } /* SectionProjects */ /* SectionWebSites */ .SectionWebSites { } /* SectionWebSites */ /* SectionEducation */ .SectionEducation { } /* SectionEducation */ /* SectionServices */ .SectionServices { } /* SectionServices */ /* SectionReferences */ .SectionReferences { } /* SectionReferences */ /* SectionFooterButton */ .SectionFooterButton{margin:0 auto 20px;} .SectionFooterButton .DownloadBtn{} .SectionFooterButton .DownloadBtn a.but{background-color:#ffffff;border-color:#0076a3;border-radius:6px;border-style:solid; border-width:1px;color:#0076a3;font-size:14px;padding:8px 12px;} .SectionFooterButton .DownloadBtn a.but:hover{background-color:#0076a3;border-color:#ffffff;color:#ffffff;} .SectionFooterButton .DownloadBtn a.but::before, .SectionFooterButton .DownloadBtn a.but::after{display:none;} .SectionFooterButton .DownloadBtn a.but i{font-size:32px;padding-right:10px;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;position:relative;} .SectionFooterButton .DownloadBtn a.but.opc-1 i::before, .SectionFooterButton .DownloadBtn a.but.opc-1 i::after, .SectionFooterButton .DownloadBtn a.but.opc-2 i::before, .SectionFooterButton .DownloadBtn a.but.opc-2 i::after, .SectionFooterButton .DownloadBtn a.but.opc-3 i::before, .SectionFooterButton .DownloadBtn a.but.opc-3 i::after{} .SectionFooterButton .DownloadBtn a.but.opc-1 i::before{content:"\eadc";font-family:"Freelyshout";} .SectionFooterButton .DownloadBtn a.but.opc-2 i::before{content:"\eada";font-family:"Freelyshout";} .SectionFooterButton .DownloadBtn a.but.opc-3 i::before{content:"\eade";font-family:"Freelyshout";} .SectionFooterButton .DownloadBtn a.but i:before{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;} .SectionFooterButton .DownloadBtn a.but:hover i:before, .SectionFooterButton .DownloadBtn a.but:focus i:before, .SectionFooterButton .DownloadBtn a.but:active i:before{-webkit-animation-name:hvr-icon-scale;animation-name:hvr-icon-scale;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;} @-webkit-keyframes hvr-icon-scale{0%{opacity:0;}100%{opacity:1;-webkit-transform:scale(1.25);transform:scale(1.25);}} @keyframes hvr-icon-scale{0%{opacity:0;}100%{opacity:1;-webkit-transform:scale(1.25);transform:scale(1.25);}} .SectionFooterButton .PrintBtn a.but{background-color:#ffffff;border-color:#0076a3;border-radius:6px;border-style:solid; border-width:1px;color:#0076a3;font-size:14px;padding:8px 12px;} .SectionFooterButton .PrintBtn a.but:hover{background-color:#0076a3;border-color:#ffffff;color:#ffffff;} .SectionFooterButton .PrintBtn a.but::before, .SectionFooterButton .PrintBtn a.but::after{display:none;} .SectionFooterButton .PrintBtn a.but i{font-size:32px;padding-right:10px;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;position:relative;} .SectionFooterButton .PrintBtn a.but i:before{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;} .SectionFooterButton .PrintBtn a.but:hover i:before, .SectionFooterButton .PrintBtn a.but:focus i:before, .SectionFooterButton .PrintBtn a.but:active i:before{-webkit-animation-name:hvr-icon-scale;animation-name:hvr-icon-scale;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;} @-webkit-keyframes hvr-icon-scale{0%{opacity:0;}100%{opacity:1;-webkit-transform:scale(1.25);transform:scale(1.25);}} @keyframes hvr-icon-scale{0%{opacity:0;}100%{opacity:1;-webkit-transform:scale(1.25);transform:scale(1.25);}} /* SectionFooterButton */ /* PRINT styles ========================================================================= */ @media print{ body,:first-letter,p:first-line,div:first-line,blockquote:first-line,li:first-line{background-color:transparent!important;} *,*:before,*:after,:first-letter,p:first-line,div:first-line,blockquote:first-line,li:first-line{text-shadow:none!important;-webkit-box-shadow:none!important;box-shadow:none!important;} *{font-family:Arial, Helvetica,"Lucida Grande", serif!important;} body{margin:0!important;padding:0!important;line-height:1.4em!important;word-spacing:1px!important;letter-spacing:0.2px!important;font-family:Arial, Helvetica,"Lucida Grande", serif!important;color:#000!important;} a[href],a[href]:hover,a[href]:visited{color:#000!important;} .divider-m .zigzag.medium, .divider .zigzag.large{stroke:#000!important;} /*a,a:visited{text-decoration:underline;} a[href]:after{content:" (" attr(href) ")";} abbr[title]:after{content:" (" attr(title) ")";} a[href^="#"]:after,a[href^="javascript:"]:after{content:"";} a[href^="http://"]:after, a[href^="ftp://"]:after{content:" (" attr(href) ")";color:blue;font-size:small;}*/ pre{white-space:pre-wrap!important;} pre,blockquote{border:1px solid #999;page-break-inside:avoid;} thead{display:table-header-group;} tr,img{page-break-inside:avoid;} img{max-width:100%!important;} p,h2,h3{orphans:3;widows:3;} h2,h3{page-break-after:avoid;} .navbar{display:none;} .btn > .caret,.dropup > .btn > .caret{border-top-color:#000!important;} .label{border:1px solid #000;} .table{border-collapse:collapse!important;} .table td,.table th{background-color:#fff!important;} .table-bordered th,.table-bordered td{border:1px solid #ddd!important;} section{width:100%;} .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left;} .col-md-12{width:100%;} .col-md-11{width:91.66666667%;} .col-md-10{width:83.33333333%;} .col-md-9{width:75%;} .col-md-8{width:66.66666667%;} .col-md-7{width:58.33333333%;} .col-md-6{width:50%;} .col-md-5{width:41.66666667%;} .col-md-4{width:33.33333333%;} .col-md-3{width:25%;} .col-md-2{width:16.66666667%;} .col-md-1{width:8.33333333%;} .col-md-pull-12{right:100%;} .col-md-pull-11{right:91.66666667%;} .col-md-pull-10{right:83.33333333%;} .col-md-pull-9{right:75%;} .col-md-pull-8{right:66.66666667%;} .col-md-pull-7{right:58.33333333%;} .col-md-pull-6{right:50%;} .col-md-pull-5{right:41.66666667%;} .col-md-pull-4{right:33.33333333%;} .col-md-pull-3{right:25%;} .col-md-pull-2{right:16.66666667%;} .col-md-pull-1{right:8.33333333%;} .col-md-pull-0{right:auto;} .col-md-push-12{left:100%;} .col-md-push-11{left:91.66666667%;} .col-md-push-10{left:83.33333333%;} .col-md-push-9{left:75%;} .col-md-push-8{left:66.66666667%;} .col-md-push-7{left:58.33333333%;} .col-md-push-6{left:50%;} .col-md-push-5{left:41.66666667%;} .col-md-push-4{left:33.33333333%;} .col-md-push-3{left:25%;} .col-md-push-2{left:16.66666667%;} .col-md-push-1{left:8.33333333%;} .col-md-push-0{left:auto;} .col-md-offset-12{margin-left:100%;} .col-md-offset-11{margin-left:91.66666667%;} .col-md-offset-10{margin-left:83.33333333%;} .col-md-offset-9{margin-left:75%;} .col-md-offset-8{margin-left:66.66666667%;} .col-md-offset-7{margin-left:58.33333333%;} .col-md-offset-6{margin-left:50%;} .col-md-offset-5{margin-left:41.66666667%;} .col-md-offset-4{margin-left:33.33333333%;} .col-md-offset-3{margin-left:25%;} .col-md-offset-2{margin-left:16.66666667%;} .col-md-offset-1{margin-left:8.33333333%;} .col-md-offset-0{margin-left:0;} /* wrapper */ #wrapper, .container, .row{ width:100%; } #wrapper{ margin:0 auto!important; padding:10px!important; } .container, .row{ margin:0 auto!important; padding:0!important; } #wrapper > .container > .row { max-width: 595px; } /* wrapper */ /* left-content */ .container > .row > .col-md-3 { width: 100%; float: none; max-width: 120px; margin: 0 auto; padding: 0; } .left-content{} .LeftContent{ } .LeftContent.LeftContentFix{ } /* ----------- (min-width :1124px) ----------- */ @media only screen and (min-width :1124px){ .LeftContent.LeftContentFix{ float:left; left:auto; position:relative; top:auto; width:25%; } } /* ----------- (min-width :1124px) ----------- */ #header{} #header .main-header{} .main-header .img-profile{} .main-header .img-profile .name-profile{display:none!important;} .main-header .main-nav{display:none!important;} #header .bottom-header{display:none!important;} #header .bottom-header .social{} #header .bottom-header > p{} /* left-content */ /* right-content */ .container > .row > .col-md-9 { width: 100%; float: none; padding: 0; margin: 0 auto; } .right-content{} .RightContent{ } .RightContent.RightContentFix{ } /* ----------- (min-width :1124px) ----------- */ @media only screen and (min-width :1124px){ .RightContent.RightContentFix{ float:right; } } /* ----------- (min-width :1124px) ----------- */ /* cv */ #cv .main-title { padding: 5px 5px 0px 10px; } #cv .main-title .divider { left: 14px; top: 22px; } #cv .content { padding: 10px 0 0 0; z-index: 1; position: relative; } #cv .block-content { margin-bottom:5px!important; } #cv .block-content .profile { margin-bottom: 0!important; } #cv .block-content .profile h1 { font-size: 16px; line-height: 16px; margin-bottom: 2px; } #cv .block-content .profile h3 { font-size: 12px; margin-bottom: 0; } #cv .block-content .info { } #cv .block-content .info .col-md-6 { padding: 0; width: 100%; } #cv .block-content .info .col-md-6 ~ .col-md-6 { left: 0; top: -1px; } #cv .block-content .info .col-md-12 { padding: 0; } #cv .block-content .info .col-md-6 ~ .col-md-6 ~ .col-md-12 { top: -2px; } #cv .block-content .info .info-list { text-align: left; } #cv .block-content .info .col-md-6 ul.info-list li .inf, #cv .block-content .info .col-md-6 ul.info-list li .value, #cv .block-content .info .col-md-12 ul.info-list li .inf, #cv .block-content .info .col-md-12 ul.info-list li .value { min-height: 18px; justify-content: flex-start; margin-left: 5px; } #cv .block-content .info .col-md-6 ul.info-list li .inf, #cv .block-content .info .col-md-12 ul.info-list li .inf { width: 28%; font-weight: bold; font-size: 13px; } #cv .block-content .info .col-md-6 ul.info-list li .value, #cv .block-content .info .col-md-12 ul.info-list li .value { width: 72%; font-size: 13px; } #cv .block-content .timeline { } #cv .block-content .timeline:before { left: 14px; width: 2px; } #cv .block-content .timeline:after { border-width: 2px; content: '\e9ae'; top: 0; left: 0; width: 32px; height: 32px; font-size: 16px; line-height: 26px; display:none; } #cv .block-content .timeline .row { } #cv .block-content .timeline .row .col-md-12 { padding-right: 5px; padding-left: 5px; } #cv .block-content .timeline .row .exp-holder { margin-top: -5px!important; } #cv .block-content .timeline .row .exp-holder .exp { margin-bottom: 5px; padding-left: 20px; padding-top: 5px; } #cv .block-content .timeline .row .exp-holder .exp:after { height: 15px; left: 3px; position: absolute; text-align: center; top: 8px; width: 15px; } #cv .block-content .timeline .row .exp-holder .exp .hgroup { display: inline-block; } #cv .block-content .timeline .row .exp-holder .exp .hgroup h4{ font-weight: bold; font-size: 12px; line-height: 16px; } #cv .block-content .timeline .row .exp-holder .exp .hgroup h6{ font-size: 11px; line-height: 16px; position: relative; } #cv .block-content .timeline .row .exp-holder .exp > h4{ font-size: 12px; } #cv .block-content .timeline .row .exp-holder .exp > h6{ } #cv .block-content .timeline .row .exp-holder .exp > p{ font-size: 12px; line-height: 16px; } /* SectionTitle */ #cv .SectionTitle { } /* SectionTitle */ /* SectionCertifications */ #cv .SectionCertifications { } /* SectionCertifications */ /* SectionSkills */ #cv .SectionSkills { } #cv .SectionSkills .ServicesPrint { display: block; } #cv .SectionSkills .ServicesNoPrint { display: none; } /* SectionSkills */ /* SectionExperience */ #cv .SectionExperience { } /* SectionExperience */ /* SectionProjects */ #cv .SectionProjects { } /* SectionProjects */ /* SectionWebSites */ #cv .SectionWebSites { } /* SectionWebSites */ /* SectionEducation */ #cv .SectionEducation { } /* SectionEducation */ /* SectionServices */ #cv .SectionServices { display: none; } /* SectionServices */ /* SectionReferences */ #cv .SectionReferences { display: none; } /* SectionReferences */ /* SectionFooterButton */ #cv .SectionFooterButton { display: none; } /* SectionFooterButton */ /* cv */ #header{} .but{display:none!important;} .skill.des .progress{border-color:#000!important;} .skill.dev .progress{border-color:#000!important;} .skill.prs .progress{border-color:#000!important;} .skill.des .progress .percentage{background-color:#000!important;} .skill.dev .progress .percentage{background-color:#000!important;} .skill.prs .progress .percentage{background-color:#000!important;} .skill .title.des{color:#000!important;border-color:#000!important;} .skill .title.dev{color:#000!important;border-color:#000!important;} .skill .title.prs{color:#000!important;border-color:#000!important;} /* right-content */ } /* PRINT styles ========================================================================= */