/*	Theme Name: Waqas Akhtar	Theme URI: http://waqasakhtar.net;	Description: Created for waqasakhtar.net portfolio website.	Version: 1.4.3	Author: Waqas Akhtar (@tumbleweerd)	Author URI: http://waqasakhtar.net	Tags: design, web design, graphic design, web development, portfolio, inspiration, resume, theme, wordpress, html5, css3 	License: MIT	License URI: http://opensource.org/licenses/mit-license.php*/.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }.group { display: inline-block; clear: both; }/* start commented backslash hack \*/ * html .group { height: 1%; } .group { display: block; } /* close commented backslash hack */*{    margin: 0;    padding: 0;}/* global box-sizing */*,*:after,*:before {    -moz-box-sizing:border-box;    box-sizing:border-box;    -webkit-font-smoothing:antialiased;    font-smoothing:antialiased;    text-rendering:optimizeLegibility;   font-family: 'Montserrat', sans-serif;}*{    margin: 0px;    padding: 0px;}html, body {    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;}html,button,input,select,textarea {    color: #222;}a, a:active, a:focus {outline: none;}a{    text-decoration: none;    color: #666;}html {    font-size: 1em;    line-height: 1.4;}::-moz-selection {    background: #b3d4fc;    text-shadow: none;}::selection {    background: #b3d4fc;    text-shadow: none;}.break{    width: 110%;    height: 1px;    background: white;    border-bottom: 1px solid #ddd;    margin: 80px -50px;}hr {    display: block;    height: 1px;    border: 0;    border-top: 1px solid #ccc;    margin: 1em 0;    padding: 0;}audio,canvas,img,video {    vertical-align: middle;}fieldset {    border: 0;    margin: 0;    padding: 0;}textarea {    resize: vertical;}.browsehappy {    margin: 0.2em 0;    background: #ccc;    color: #000;    padding: 0.2em 0;}h1, h2, h3, h4, h5 {    margin: 0px;}*:focus  {      outline: none;  }/* ==========================================================================   Author's custom styles   ========================================================================== *//* TYPED STYLES*/.typed-cursor{    opacity: 1;    -webkit-animation: blink 0.7s infinite;    -moz-animation: blink 0.7s infinite;    animation: blink 0.7s infinite;}@keyframes blink{    0% { opacity:1; }    50% { opacity:0; }    100% { opacity:1; }}@-webkit-keyframes blink{    0% { opacity:1; }    50% { opacity:0; }    100% { opacity:1; }}@-moz-keyframes blink{    0% { opacity:1; }    50% { opacity:0; }    100% { opacity:1; }}.typed-fade-out{    opacity: 0;    animation: 0;    transition: opacity .25s;}/*   Global and Header Styles   */.container{    margin: 0 auto;    min-height: 668px;    width: 1200px;}html, body{    width: 100%;}p{    font-family: 'Open Sans', sans-serif;}header{    position: absolute;    padding: 30px 40px;    width: 100%;    top: 0px;    z-index: 999;}.content-container{    margin: 0px auto;    width: 100%;}.header-active{    background: white;}.logo{    float: left;}.logo:hover{    opacity: .8;}.home.page-template .menu{    float: right;    margin-top: 7px;    display: none;}.menu{    float: right;    display: none;}.menu a{    display: block;}header .social{    display: none !important;}.menu .bar{    width: 30px;    height: 3px;    background: #00aeef;    margin-top:7px;    -webkit-transition: all 300ms cubic-bezier(0.250, 0.250, 0.320, 1); /* older webkit */    -webkit-transition: all 300ms cubic-bezier(0.250, 0.250, 0.320, 1.500);       -moz-transition: all 300ms cubic-bezier(0.250, 0.250, 0.320, 1.500);         -o-transition: all 300ms cubic-bezier(0.250, 0.250, 0.320, 1.500);            transition: all 300ms cubic-bezier(0.250, 0.250, 0.320, 1.500); /* custom */}.menu-active .bar{    background: #878787;}.menu .bar:first-child{    margin-top: 0px;}.menu-active a{    padding-right: 6px;}.menu-active .bar:first-child{    -ms-transform: rotate(-45deg); /* IE 9 */    -ms-transform-origin: 100% 0%; /* IE 9 */    -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */    -webkit-transform-origin: 100% 0%; /* Chrome, Safari, Opera */    transform: rotate(-45deg);    transform-origin: 100% 0%;}.menu-active .bar:nth-child(2){    visibility: hidden;}.menu-active .bar:last-child{    -ms-transform: rotate(45deg); /* IE 9 */    -ms-transform-origin: 100% 100%; /* IE 9 */    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */    -webkit-transform-origin: 100% 100%; /* Chrome, Safari, Opera */    transform: rotate(45deg);    transform-origin: 100% 100%;}.nav-overlay{    float: right;}.nav-overlay .content-container{    vertical-align: middle;    text-align: center;}nav {    display: block;    margin: 0 auto;    width: 100%;}nav ul{    padding: 0px;    margin: 5px 0px 0px;}nav ul li{     text-align: center;    float: left;    padding: 0px 14px;    -webkit-transition: all 150ms cubic-bezier(0.250, 0.250, 0.550, 1); /* older webkit */    -webkit-transition: all 150ms cubic-bezier(0.250, 0.250, 0.550, 1.235);       -moz-transition: all 150ms cubic-bezier(0.250, 0.250, 0.550, 1.235);         -o-transition: all 150ms cubic-bezier(0.250, 0.250, 0.550, 1.235);            transition: all 150ms cubic-bezier(0.250, 0.250, 0.550, 1.235); /* custom */}nav ul li:last-of-type{    padding-right: 0px;}nav ul li:hover{}nav ul li a{    font-size: 16px;   font-family: 'Montserrat', sans-serif;    font-weight: 500;    text-decoration: none;    color: #666;        display: inline-block;    text-align: center;    padding-top: 10px;    -webkit-transition: all 100ms cubic-bezier(0.250, 0.250, 0.550, 1); /* older webkit */    -webkit-transition: all 100ms cubic-bezier(0.250, 0.250, 0.550, 1.235);       -moz-transition: all 100ms cubic-bezier(0.250, 0.250, 0.550, 1.235);         -o-transition: all 100ms cubic-bezier(0.250, 0.250, 0.550, 1.235);            transition: all 100ms cubic-bezier(0.250, 0.250, 0.550, 1.235); /* custom */            line-height: 34px;        padding-top: 0px;        }.home.page-template nav ul li a{    line-height: 100%;    padding-top: 10px;}nav ul li a {  /*display: inline-block;*/  vertical-align: middle;  -webkit-transform: perspective(1px) translateZ(0);  transform: perspective(1px) translateZ(0);  box-shadow: 0 0 1px transparent;  position: relative;  overflow: hidden;}nav ul li a:before {  content: "";  position: absolute;  z-index: -1;  left: 50%;  right: 50%;  bottom: 0;  background: #00AEEF;  height: 2px;  -webkit-transition-property: left, right;  transition-property: left, right;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;  -webkit-transition-timing-function: ease-out;  transition-timing-function: ease-out;}.home.page-template nav ul li.current-menu-item a:before{    background: transparent;}nav ul li a:hover:before,nav ul li a:focus:before, nav ul li a:active:before {  left: 0;  right: 0;}nav ul li.current-menu-item a:before{    left: 0px;    right: 0px;}.home.page-template nav ul li a{    color: #fff;}nav ul li:hover a{  color: #00AEEF;}.home.page-template nav ul li a{    color: #fff;}.home.page-template nav ul li a{    line-height: 10px;    padding-top: 8px;}nav ul li:hover a span{    font-weight: normal;}.current-menu-item a, .home.page-template nav ul li.current-menu-item a{    color: #00AEEF;    font-weight: 600; }nav ul li a span{    font-size: 13px;    position: relative;    top: -10px;    font-family: 'Merriweather', serif;    color: #777;    display: block;    line-height: 100%;    margin-top: 10px;    transition: all 300ms linear;    font-weight: normal;    padding-top: 5px;    opacity: 0;}nav ul li:hover a span{    opacity: 1;}/*================= HOMEPAGE ==================*/.home  {    width: 100%;}.home-intro{    text-align: center;    width: 100%;    padding: 175px 0px 155px;    background: url('img/pattern.png') repeat center center , url('img/background.jpg') no-repeat center center / cover;    background-size: initial , cover !important;}.home-intro h2.intro{    font-size: 26px;    color: #DADADA;    font-weight: normal}.home-intro h2.intro span{    color: #fff;    font-weight: 700;}.home-intro h1{    font-size: 48px;    color: #fff;    font-weight: 400;    margin: 2px 0px 13px;}.home-intro h1 span{    font-weight: 700;    color: #ddd;}.home-intro h1 span#typed{    color: #00AEEF;}.home-intro p{    font-weight: 400;    font-size: 16px;    color: #E4E4E4;    font-family: "open sans", sans-serif;    width: 810px;    width: 635px;    line-height: 23px;    margin: 12px auto 60px;}.home-intro p:first-of-type{    margin-bottom: 28px;}.home-intro a, .featured-work .view-work-btn{    font-size: 16px;    color: white;    text-decoration: none;    font-weight: 400;    border: 2px solid #00aeef;    padding: 8px 0px;    width: 200px;    display: inline-block;    -webkit-transition: all 400ms cubic-bezier(0.250, 0.250, 0.550, 1); /* older webkit */    -webkit-transition: all 400ms cubic-bezier(0.250, 0.250, 0.550, 1.235);       -moz-transition: all 400ms cubic-bezier(0.250, 0.250, 0.550, 1.235);         -o-transition: all 400ms cubic-bezier(0.250, 0.250, 0.550, 1.235);            transition: all 400ms cubic-bezier(0.250, 0.250, 0.550, 1.235); /* custom */    border-radius: 50px;}.featured-work .view-work-btn{    color: #999;    background: transparent;    border: 2px solid #00aeef;}.about-link:hover, .featured-work .view-work-btn:hover{    background: #00aeef;    color: #fff;}.home-intro a.work-link{    display: none;}.home-intro a.work-link, .featured-work .view-work-btn{    border-color: #00aeef;    margin-right: 10px;    font-weight: 500;}.work-link:hover,  .featured-work .view-work-btn{    background: #00aeef;}.heading{    padding: 70px 0px 25px;    text-align: center;}.heading h1{    font-size: 36px;    color: #00AEEF;    margin: 0px 0px 16px;}.heading p{    color: #A9A9A9;}.featured-work .heading p{    display: none;}.featured-work .heading h1{    margin-bottom: 0px;}.featured-work{    text-align: center;}.featured-work .container{    min-height: initial;    padding-bottom: 90px;}.featured-work ul{    float: left;    width: 100%;}.featured-work ul li{    list-style: none;    width: 32%;    margin-right: 2%;    float: left;}.featured-work ul li img{    width: 100%;    height: auto;}.featured-work ul li:last-of-type{    margin-right: 0px;}.featured-work .view-work-btn{    display: inline-block;    border: 2px solid #00aeef !important;    margin-top: 30px;    background: transparent;    border: 2px solid}/* sidebar */.sidebar {}/* footer */.footer {}footer{/*    position: fixed;    bottom: 0px;       left: 0px;*/    width: 100%;    padding: 15px 40px;    background: #fff;}/*.home footer{    background: none;}*/footer .copyright{    float: left;    color: #666;    font-size: 14px;}footer .social{    float: right;}.nav-overlay{    height: 0px !important;}.nav-overlay .social{    display: inline-block;}.social h3{    float: left;    margin: 0px;    font-weight: 500;    font-size: 16px;    color: #666;    margin-top: 1px;    padding-right: 25px;    background: rgba(0, 0, 0, 0) url("img/arrow.svg") no-repeat scroll right center;}.social ul{    float: left;    margin:2px 0px 0px 10px;    padding: 0px;    display: none;}.social ul li{    float: left;    list-style: none;    margin-left: 5px;    background: url('img/social.svg') top left no-repeat;    -webkit-transition: all 200ms cubic-bezier(0.250, 0.250, 0.550, 1); /* older webkit */    -webkit-transition: all 200ms cubic-bezier(0.250, 0.250, 0.550, 1.235);       -moz-transition: all 200ms cubic-bezier(0.250, 0.250, 0.550, 1.235);         -o-transition: all 200ms cubic-bezier(0.250, 0.250, 0.550, 1.235);            transition: all 200ms cubic-bezier(0.250, 0.250, 0.550, 1.235); /* custom */}.social li a{    width: 18px;    height: 18px;    display: block;}.social li.tw{    background-position: 0px top;}.social li.in{    background-position: -18px top;}.social li.be{    background-position: -36px top;}.social li.ig{    background-position: -54px top;}.social li.tw:hover{    background-position: 0px bottom;}.social li.in:hover{    background-position: -18px bottom;}.social li.be:hover{    background-position: -36px bottom;}.social li.ig:hover{    background-position: -54px bottom;}.post-edit-link{	position: fixed;	bottom: 100px;	right: 0px;	font-size: 12px;	background: #00aeef;	padding: 5px 15px;	color: white;}/*------------------------------------*\    PAGES\*------------------------------------*/.inner-page header {    padding: 15px 20px;    border-bottom: 1px solid #ddd;    background: rgba(255,255,255,0.98);}.inner-page .content{    background: #fff;    min-height: 700px;    padding-top: 120px;    padding-bottom: 70px;}footer{    position: relative;    padding: 30px 40px;    border-top: 1px solid #ddd;    margin-top: -6px;}.inner-page h1{    font-size: 48px;    font-weight: 700;      color: #00AEEF;    margin-top: 0px;    margin-bottom: 25px;}.bold{    font-weight: 700;    color: #444;}/*   ABOUT PAGE STYLES   */.about .photo{    float: left;    margin-top: 40px;}/*.about .about-me{    width: 750px;    margin-top: 40px;    float: right;}*/.inner-page h2{    font-size: 32px;    font-weight: 600;    color: #666;    margin-top: 50px;}.inner-page .post{    margin-top: 45px;    padding-bottom: 40px;    border-bottom: 1px dotted #ddd;}.inner-page .post:last-of-type{    border-bottom: 0px;}.inner-page .post h2{    margin-top: 0px;}.inner-page .container h3{    font-size: 20px;    font-weight: 400;    color: #666;    margin-top: 10px;}.inner-page .container p{    color: #666;    margin-top: 10px;    line-height: 160%;}/*================= ABOUT ==================*//*================= WORK ==================*/.single-work .main-content .size-full{	width: 100%;    float: left;    margin-bottom: 20px;}.single-work .side-content{    float: left;    width: 100%;    margin-bottom: 15px;}.single-work .side-content .excerpt{    font-size: 20px;    font-weight: 300;    line-height: 1.3;    font-family: 'open sans', sans-serif !important;    margin-top: -1px;}.single-work .cat-list{    margin-top: 20px;    padding: 0px;}.single-work .cat-list li{    float: left;    list-style: none;    font-family: 'open sans', sans-serif;    background: #00AEEF;    margin-right: 5px;    padding: 3px 10px;    color: white;    font-size: 14px;}.single-work .cat-list li a{    color: #fff;}.work .work-nav{    float: right;}.work .work-nav ul li{    float: left;    list-style: none;}.work .work-nav ul li:after{    content: "/";}.work .work-nav ul li:last-child:after{    content: "";}.work .work-nav ul li a{    text-decoration: none;    color: #666;    padding: 0px 20px;    font-weight: 500;}.work .work-nav ul li:last-child a{    padding-right: 0px;}.work .work-nav ul li.active a{    font-weight: 700;}.work .work-listing{    float: left;    clear: both;    max-width: 1220px;    width:100%;    margin-top: 30px;    text-align: center;}.work .work-listing ul{    padding: 0px;    margin: 0px;}.work .work-listing ul li.work-item{    list-style: none;    float: left;    margin-bottom: 20px;    margin-right: 2%;    width: 49%;}.work .work-listing ul li.work-item:nth-child(2n){    margin-right: 0px;}.work-item img{    width: 100%;    height: auto;}.work .work-item{    position: relative;}.work .work-item:hover .description{    opacity: 0.95;}.work .work-item .description{    height: 100%;    width: 100%;    background: #00AEEF;    position: absolute;    opacity: 0;    transition: all 200ms linear 0s;}.work-item .description .description-container{    position: relative;    top:50%;    transform:translateY(-50%);}.work .work-item h2{    color: white;    font-weight: 500;    margin-top: 0px;}.work .work-item p{    color: white;}.work .work-item .description{    padding: 0px 20px;}.work .work-item .description h2{    font-size: 30px;    margin-bottom: 0px;}.work .work-item .description p{    padding: 0px 40px;    font-weight: 500;    font-size: 14px;    margin-top: 5px;    margin-bottom: 20px;/*    text-overflow: ellipsis;    white-space: nowrap;    overflow: hidden;*/}.work .work-item .description a{    color: white;    text-decoration: none;    padding: 10px 40px;    border: 2px solid white;    transition: all 200ms linear 0s;    font-weight: 700;}.work .work-item .description a:hover{    background: white;    color: #333;}.description ul{    margin-top: 10px;}.description li {    background: white none repeat scroll 0 0;    color: black;    display: inline-block;    font-family: "open sans", sans-serif;    font-size: 14px;    list-style: outside none none;    margin: 0 1px;    padding: 3px 8px;}.main-content{    float: left;    width: 100%;}.main-content h2{    font-size: 24px;    float: left;    width: 100%;    margin-top: 38px;}.inner-page .container p.second-paragraph{    margin-bottom: 15px;}.main-content p img{    width: 100%;    height: auto;}.type-work a.all-work-link{    color: #00AEEF;    padding-left: 22px;    font-size: 15px;    font-weight: 400;    font-family: "open sans", sans-serif;    background: url('img/arrow-back.svg') left center no-repeat;}.pagination{    float: left;    width: 100%;    margin-top: 40px;}.pagination .pagination-container{    color: #00aeef;    font-size: 16px;    font-weight: 400;    font-family: "open sans", sans-serif;}.pagination-container.pre{    float: left;}.pagination-container.next{    float: right;}.pagination-container.pre span a{    background: url('img/arrow-back.svg') left center no-repeat;    padding-left: 23px;}.pagination-container.next span a{    padding-right: 23px;    padding-left: 0px;    background: url('img/arrow-next.svg') right center no-repeat;}/*================ CONTACT ================*/.contact input[type="text"], .contact input[type="email"], .contact textarea{    width: 100%;    border:none;    border-bottom: 1px solid #ddd;    margin-top: 15px;    font-size: 18px;    padding-left: 10px;   font-family: 'Montserrat', sans-serif;    color: #666;    font-weight: 500;    border-radius: 0px;}.contact input[type="text"]:hover, .contact input[type="email"]:hover, .contact textarea:hover{    border-bottom-width: 2px;}.contact input[type="text"]:focus, .contact input[type="email"]:focus, .contact textarea:focus{    border-bottom: 2px solid #00AEEF;}.contact input[type="text"], .contact input[type="email"]{    height: 40px;}.contact textarea{    padding-top: 10px;}.contact input[type="submit"]{    width: 150px;    line-height: 50px;    background: #00AEEF;    border:none;    font-weight: 700;    color: white;   font-family: 'Montserrat', sans-serif;    margin-top: 20px;}/*SIDEBAR*/.sidebar{    float: left;    width: 357px;}form.search{    position: relative;}form.search .search-input{    width: 100%;    line-height: 48px;    border: 1px solid #ddd;    padding:0px 15px;    color: #A9A9A9;    text-transform: capitalize;    font-size: 18px;    font-weight: 400;    box-sizing: border-box;}form.search .search-submit{    position: absolute;    border: 0px;    top: 0px;    right: 0px;    width: 50px;    height: 50px;    background: #00AEEF url('img/search-icon.png') center center no-repeat;}.inner-page .sidebar-content h3{    color: #00AEEF;    font-size: 28px;    font-weight: 600;    margin: 26px 0px 16px;}.about-me-widget h4{    color: #565656;    font-size: 24px;    font-weight: 600;    margin: 10px 0px 0px;}.inner-page .about-me-widget span, .about-me-widget p{    color: #A9A9A9;    font-size: 14px;    font-weight: 400;    margin-bottom: 15px;}/*BLOG POST PAGE*/.blog-post-wrapper{    width: calc(100% - 387px);    margin-right: 30px;    margin: 0px 30px 0px 0px;    float: left;}.blog-post-content{    margin-bottom: 60px;    float: left;    width: 100%;}.blog-post{    border-bottom: 1px solid #DDDDDD;    padding-bottom: 50px;    margin-top: 50px;    width: 100%;    float: left;}.blog-post:first-of-type{    margin-top: 0px;}.blog-post:last-of-type{    border-bottom: 0px;    padding-bottom: 0px;}.blog-post .post-thumbnail, .blog-post .post-text{    float: left;}.blog-post .post-thumbnail{    width: 357px;}.blog-post .post-text{    width: calc(100% - 387px);    margin-left: 30px;}.post-thumbnail img{    width: 100%;    height: auto;}.post-text .category a{    color: #A9A9A9;    font-size: 14px;    text-transform: uppercase;    font-weight: 600;    display: block;    margin-top: 5px;}.post-text h2{    color: #565656;    font-size: 26px;    font-weight: 700;    margin: 3px 0px 12px;    line-height: 34px;}.inner-page .post-text p{    color: #A9A9A9;    font-size: 14px;    font-weight: 400;}.post-detail{    border-bottom: 1px solid #eee;    padding: 0px 0px 13px;    margin-bottom: 12px;}.post-detail span{    font-size: 14px;    color: #A9A9A9;    font-weight: 500;}.post-detail span.date{    padding-left: 30px;}.post-detail span a, .post-detail span.date{    color: #00AEEF;}.post-text a.learn-more{    display: block;    color: #565656;    font-size: 14px;    text-transform: capitalize;    margin-top: 15px;    font-weight: 600;}.sidebar-content{    border-bottom: 1px solid #DDDDDD;    padding-bottom: 20px;    float: left;    width: 100%;    margin: 0px;}.categories-list{    padding: 0px 0px 20px;    border-bottom: 0px;}.categories-list li{    color: #565656;    font-size: 18px;    border-top: 1px solid #EEEEEE;    padding: 9px 0px;    width: 100%;    list-style: none;}.categories-list li:last-of-type{    border-bottom: 1px solid #EEEEEE;    }.view-more-btn, .inner-page p.infinite-scroll-error{    float: left;    width: 100%;    text-align: center;}.inner-page p.infinite-scroll-error{    display: none;}.view-more-btn button{    line-height: 50px;    padding: 0px 60px;    font-size: 16px;    border: 0px;    background: #EEEEEE;    color: #00AEEF;    display: inline-block;    font-weight: 600;}.sidebar-content.social-icons{    border-bottom: 0px;}.social-icons ul{    margin: 0px;    float: left;    width: 100%;    padding-left: 0px;}.social-icons li{    list-style: none;    float: left;    width: 36px;    height: 36px;    margin-right: 12px;}.social-icons li.fb{    background: url('img/fb.svg') center center no-repeat;}.social-icons li.tw{    background: url('img/tw.svg') center center no-repeat;}.social-icons li.y-t{    background: url('img/y-t.svg') center center no-repeat;}.social-icons li.in{    background: url('img/in.svg') center center no-repeat;}.social-icons li a{    display: block;    width: 36px;    height: 36px;}.sidebar-content.popular-post{    padding-left: 0px;    padding-bottom: 50px;}.popular-post li{    list-style: none;    float: left;    width: 100%;    border-bottom: 1px solid #EEEEEE;    padding-bottom: 25px;    margin-bottom: 25px;}.popular-post li:last-of-type{    border-bottom: 0px;    padding-bottom: 0px;    margin-bottom: 0px;}.popular-post li .popular-post-image{    width: 150px;    float: left;    margin-right: 20px;}.popular-post li .popular-post-image img{    width: 100%;    height: auto;}.popular-post li .popular-post-content{    float: left;    width: calc(100% - 170px);}.popular-post-content h2{    color: #565656;    font-size: 15px;    font-weight: 700;    margin: 0px 0px 6px;}.popular-post-content span.date{    font-size: 14px;    color: #565656;    font-weight: 400;}.more-post-by-tags{    margin-top: 25px;    float: left;    width: 100%;}.inner-page .more-post-by-tags h1{    color: #565656;    font-size: 34px;    font-weight: 600;}.more-post-by-tags ul{    float: left;    width: 100%;    list-style: none;    margin-top: 0px;    padding-left: 0px;}.more-post-by-tags ul li{    float: left;    margin-right: 25px;    width: calc(33.33% - 17px);}.inner-page .more-post-by-tags h2{    font-size: 18px;    font-weight: 600;    color: #565656;    margin-top: 12px;    margin-bottom: 5px;}.more-post-by-tags ul li .image img{    width: 100%;    height: auto;}.more-post-by-tags ul li:last-of-type{    margin-right: 0px;}/*SINGLE PAGE CSS*/.single .blog-post-wrapper h1{    line-height: 52px;    margin-bottom: 20px;}.single img.attachment-post-thumbnail{    width: 100%;}.single .post-detail{    margin-bottom: 20px;    border-bottom: 0px;    padding-bottom: 0px;}.single .post-detail span{    padding:0px 14px;    border-right: 1px solid #eee;}.single .post-detail span.gray{    padding: 0px;    border:0px;}.single .post-detail span:first-of-type{    padding-left: 0px;}.single .post-detail span:last-of-type{    border-right: 0px;}.single .post{    margin: 20px 0px 20px 0px;}.post-content p{    color: #797979;    font-size: 16px;    margin-bottom: 14px;}.container .post-content h2, .container .post-content h3, .container .post-content h4, .container .post-content h5{    font-size: 26px;    font-weight: 600;    margin-bottom: 0px;    color: #565656;}.container .post-content h3{    font-size: 24px;}.container .post-content h4{    font-size: 20px;}.container .post-content h5{    font-size: 16px;}.excerpt-content{    border-bottom: 1px solid #eee;    margin: 5px 0px 26px 0px; }.container .excerpt-content p{    color: #A9A9A9;    padding-bottom: 18px;}.post-bottom-content{    padding:18px 0px 38px;    border-bottom: 1px solid #ddd;    float: left;    width: 100%;}.post-bottom-content .post-tags {    float: left;}.post-bottom-content.social-icons ul{    width: auto;    float: right;}.post-bottom-content.social-icons ul li{    background-size: cover;    margin-right: 8px;}.post-bottom-content.social-icons ul li, .post-bottom-content.social-icons ul li a{    width: 22px;    height: 22px;}.post-tags a{    color: #797979;    font-size: 16px;    padding: 8px 12px;    text-align: center;    margin-right: 8px;    background: #DBEAF0;}.post-tags a:last-of-type{    margin-right: 0px;}.pagination{    display: none;}/*load status dot css*/.load_status{  display: none;  text-align: center;  color: #00AEEF;  clear: both;  padding-bottom: 10px;  float: left;  width: 100%;}.loader-ellips {  font-size: 20px; /* change size here */  position: relative;  width: 4em;  height: 1em;  margin: 10px auto;}.loader-ellips__dot {  display: block;  width: 1em;  height: 1em;  border-radius: 0.5em;  background:  #00AEEF;  position: absolute;  animation-duration: 0.5s;  animation-timing-function: ease;  animation-iteration-count: infinite;}.loader-ellips__dot:nth-child(1),.loader-ellips__dot:nth-child(2) {  left: 0;}.loader-ellips__dot:nth-child(3) { left: 1.5em; }.loader-ellips__dot:nth-child(4) { left: 3em; }@keyframes reveal {  from { transform: scale(0.001); }  to { transform: scale(1); }}@keyframes slide {  to { transform: translateX(1.5em) }}.loader-ellips__dot:nth-child(1) {  animation-name: reveal;}.loader-ellips__dot:nth-child(2),.loader-ellips__dot:nth-child(3) {  animation-name: slide;}.loader-ellips__dot:nth-child(4) {  animation-name: reveal;  animation-direction: reverse;}/*------------------------------------*\    IMAGES\*------------------------------------*//*------------------------------------*\	TYPOGRAPHY\*------------------------------------*/@font-face {	font-family:'Font-Name';	src:url('fonts/font-name.eot');	src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),		url('fonts/font-name.woff') format('woff'),		url('fonts/font-name.ttf') format('truetype'),		url('fonts/font-name.svg#font-name') format('svg');    font-weight:normal;    font-style:normal;}/*------------------------------------*\    RESPONSIVE\*------------------------------------*/@media only screen and (min-width:320px) {}@media only screen and (min-width:480px) {}@media only screen and (min-width:768px) {}@media only screen and (min-width:1024px) {}@media only screen and (min-width:1140px) {}@media only screen and (min-width:1280px) {}@media only screen and (-webkit-min-device-pixel-ratio:1.5),	   only screen and (min-resolution:144dpi) {}/*------------------------------------*\    MISC\*------------------------------------*/::selection {	background:#04A4CC;	color:#FFF;	text-shadow:none;}::-webkit-selection {	background:#04A4CC;	color:#FFF;	text-shadow:none;}::-moz-selection {	background:#04A4CC;	color:#FFF;	text-shadow:none;}/*------------------------------------*\    WORDPRESS CORE\*------------------------------------*/.section2 ul li .alignnone{    width: auto;    height: auto;    display: inline-block;}.aligncenter,div.aligncenter {	display:block;	margin:5px auto 5px auto;}.alignright {	float:right;	margin:5px 0 20px 20px;}.alignleft {	float:left;	margin:5px 20px 20px 0;}a img.alignright {	float:right;	margin:5px 0 20px 20px;}a img.alignnone {	margin:5px 20px 20px 0;}a img.alignleft {	float:left;	margin:5px 20px 20px 0;}a img.aligncenter {	display:block;	margin-left:auto;	margin-right:auto;}.wp-caption {	background:#FFF;	border:1px solid #F0F0F0;	max-width:96%;	padding:5px 3px 10px;	text-align:center;}.wp-caption.alignnone {	margin:5px 20px 20px 0;}.wp-caption.alignleft {	margin:5px 20px 20px 0;}.wp-caption.alignright {	margin:5px 0 20px 20px;}.wp-caption img {	border:0 none;	height:auto;	margin:0;	max-width:98.5%;	padding:0;	width:auto;}.wp-caption .wp-caption-text,.gallery-caption {	font-size:11px;	line-height:17px;	margin:0;	padding:0 4px 5px;}.sticky {}.bypostauthor {}/*------------------------------------*\    PRINT\*------------------------------------*/@media print {	* {		background:transparent !important;		color:#000 !important;		box-shadow:none !important;		text-shadow:none !important;	}	a,	a:visited {		text-decoration:underline;	}	a[href]:after {		content:" (" attr(href) ")";	}	abbr[title]:after {		content:" (" attr(title) ")";	}	.ir a:after,	a[href^="javascript:"]:after,	a[href^="#"]:after {		content:"";	}	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;	}	@page {		margin:0.5cm;	}	p,	h2,	h3 {		orphans:3;		widows:3;	}	h2,	h3 {		page-break-after:avoid;	}}/************************************** Media Query  ***********************************/@media(max-width: 1400px){    .container{        width: 85%;    }    menu, ol, ul{        padding: 0px;    }    .alignnone.size-large.wp-image-73 , .alignnone.size-large.wp-image-74{        width: 70%;        height: auto;        display: block;     }}@media(max-width: 1100px){    .work .work-item .description p{        line-height: 1.3;    }    .about .section2 ul li p{        padding: 0px;    }}@media(max-width: 900px){    .home-intro h1{        font-size: 60px;    }    .home-intro p{        width: 100%;        font-size: 22px;        padding: 0px 10px;    }    .about .section2 ul li{        width: 100%;        margin-top: 20px;    }    .break{        width: 100%;        margin: 80px 0px;    }    .work .work-item .description h2{        margin-top: 0px;        font-size: 24px;    }    .work .work-item .description p{        line-height: 1.3;        font-size: 13px;        padding: 0px;        margin-bottom: 15px;    }    .description ul{        margin-top: 0px;    }}@media(max-width: 768px){    .work .work-item .description{        display: none;    }    .home.page-template .menu{        display: block;        margin-top: 7px;    }}@media(max-width: 640px){    .home{        height: 100% !important;    }    .home-intro h2.intro{        font-size: 24px;    }    .type-work a.all-work-link{        margin-left: 7.5%;    }    .inner-page .content{        padding-top: 80px;    }    .inner-page h1{        margin-top: 20px;    }    footer .copyright{        margin-bottom: 10px;        margin-top: 10px;    }    .home-intro h1{        font-size: 44px;    }    .home-intro p{        font-size: 20px;        margin: 30px auto 10px;    }    .single-work .side-content .excerpt{        font-size: 16px;        line-height: 1.5;    }    .home-intro a{        width: 70%;        margin-top: 12px;        padding: 10px 0px;        font-size: 15px;    }   /* .about .intro a{        line-height: 45px;        font-size: 15px;        background: #00aeef;        color: #fff;    }    .about .intro a.resume{        background: #fff;        color: #666;    }   */ .inner-page .container h3{        font-size: 18px;    }    .home-intro a{        /*border-color: rgba(255,255,255,.6);*/        background: white;        color: #666;        border: none;    }    .home-intro a.work-link{        margin-right: 0px;        /*border-color: rgba(0, 174, 239,.6);*/        background: #00AEEF;        color: white;    }    .home-intro a.about-link{        border: 2px solid rgba(255,255,255,.3);        color: rgba(255,255,255,.6);        background: transparent;    }    footer .social{        display: inline-block;        float: none;    }    .home-intro{        height:     }    header{        position: absolute;    }    .inner-page header{        position: fixed;    }    .home{        position: relative;        height: 800px;    }    footer{        position: absolute;        text-align: center;    }    .alignnone.size-large.wp-image-73 , .alignnone.size-large.wp-image-74{        float: left;        margin-top: 20px;    }    footer .copyright{        float: none;    }    .about .section2 ul li:first-of-type{        margin-top: -20px;    }    .single-work .wrapper .container{        width: 100%;    }    .single-work .wrapper .container h1{        padding-left: 7.5%;        padding-right: 7.5%;        margin-top: 0px;        font-size: 26px;        line-height: 1.1;        margin-top: 10px;    }    .type-work a.all-work-link{        margin-top: 20px;        float: left;        background-position: 2px;    }    .single-work .wrapper .container h1{        float: left;        width: 100%;.single-work .wrapper .container h1    }    .single-work .wrapper .container .side-content , .pagination{        padding: 0px 7.5%;    }    .pagination{        margin-top: 30px;    }}@media(max-width: 480px){    .work .work-listing ul li.work-item{        width: 100%;        margin-right: 0px;    }    .single-work .side-content .excerpt{        font-size: 14px;        margin-top: 3px;        line-height: 1.3;    }}@media(max-width: 425px){/*    .alignnone {        width: 75%;        height: auto;        display: inline-block;    }*/      nav ul li a{        font-size: 30px;    }    .home-intro p{        margin: 12px auto !important;    }}@media(max-width: 400px){    header , .inner-page header , footer , footer{        padding: 15px 20px;    }    .home-intro h1 , .inner-page h1{        font-size: 30px;    }    .home-intro h2.intro{        font-size: 20px;    }    .about .intro h1{        font-size: 25px;    }    .home-intro p{        font-size: 16px;        margin: 30px auto 10px;    }    .inner-page .container h3{        font-size: 14px;    }    .home-intro a{        width: 95%;    }    footer .copyright{        font-size: 12px;    }    .contact input[type="text"], .contact input[type="email"], .contact textarea{        font-size: 14px;        margin-top: 10px;    }}/*================= ABOUTPAGE ==================*/.about .container{    max-width: 1140px;}.intro .profile{    width: 285px;    float: left;    text-align: center;}.intro .profile.fixed-profile{    position: fixed;    top: 100px;}.profile > p{    display: block;    margin-top:0px;}.profile .profile-img{    width: 100%;    transition:all 300ms linear;    display: inline-block;}.fixed-profile .profile-img{    border-radius: 50%;    margin: 0 auto;    width: 80%;}.profile .profile-img img{    width: 100%;    height: auto;    border-radius: 100%;}.profile h2{    font-size: 36px;    color: #666666;    margin-top: 20px;    font-weight: 700;}.profile .position{    margin-top: 0px !important;    margin-bottom: 10px;}.profile a{    line-height: 50px;    font-weight: 400;    color: #666666;    font-size: 18px;    margin-bottom: 15px;    display: block;    width: 100%;    text-align: center;    font-family: 'Open Sans', sans-serif;    -webkit-transition: all 400ms cubic-bezier(0.250, 0.250, 0.550, 1); /* older webkit */    -webkit-transition: all 400ms cubic-bezier(0.250, 0.250, 0.550, 1.235);       -moz-transition: all 400ms cubic-bezier(0.250, 0.250, 0.550, 1.235);         -o-transition: all 400ms cubic-bezier(0.250, 0.250, 0.550, 1.235);            transition: all 400ms cubic-bezier(0.250, 0.250, 0.550, 1.235); /* custom */}.profile a.download-resume{    border: 2px solid #666666;}.profile a:hover{    color: #333333;}.profile a.view-work{    border:2px solid #00bdf3;}.fixed-profile .profile a{    line-height: 45px;    font-size: 16px;}.about-me{    width: calc(100% - 315px);    margin-left: 30px;    float: right;}.about-me .row h1{    color: #666666;    font-size: 36px;    font-weight: 700;    margin: 25px 0px 18px;}.about-intro h1{    margin: 20px 0px 12px !important;}.about-me .row{    border-bottom: 1px solid #eeeeee;    padding-bottom: 37px;    float: left;    width: 100%;}.about-intro h4{    color: #666666;    font-size: 20px;    font-weight: 700px;    font-family: 'Open Sans', sans-serif;}.about-intro h4 span{    color: #00bcf3;    font-family: 'Open Sans', sans-serif;}.about-intro p{    color: #666666;    font-size: 16px;    font-weight: 400;    margin-top: 6px;    font-family: 'Open Sans', sans-serif;    line-height: inherit !important;}.row ul.chain-list{    float: left;    padding: 0px;    margin: 0px;    width: 100%;}.row ul.chain-list li{    float: left;    width: 100%;    list-style: none;}.date-status{    font-weight: 600;    color: #666666;    font-size: 15px;    font-family: 'Open Sans', sans-serif;    background: url('img/ribon-bg.jpg') center center no-repeat;    width: 185px;    height: 35px;    text-align: center;    line-height: 35px;    float: left;    margin-right: 24px;    margin-top: 8px;    position: relative;}.date-status::after {    content: "";    height: 10px;    width: 10px;    position: absolute;    right: -30px;    z-index: 9999999;    background: white;    border:2px solid #00bdf3;    border-radius: 50px;    top: 50%;    transform: translateY(-50%);}.chain-list li .list-detail{    float: left;    width: calc(100% - 209px);    padding-left: 30px;    border-left: 2px solid #eeeeee;    position: relative;    padding-bottom: 12px; }.list-detail ul{    margin: 0px;    padding-left: 0px;}.list-detail h2 span.blue-circle{    background: #00bdf3;    border: 3px solid #fff;    border-radius: 50%;    height: 17px;    left: -10px;    position: absolute;    top: 18px;    width: 17px;}.list-detail h2{    color: #00bdf3;    font-size: 18px;    font-weight: 700;    padding-top: 14px;    margin-top: 0px;}.list-detail h5{    color: #999999;    font-size: 15px;    font-family: 'Open Sans', sans-serif;    font-weight: 700;    margin-bottom: 7px;    }.list-detail ul li{    list-style: none;    float: left;    width: 100%;    color: #666666;    font-weight: 400;    font-family: 'Open Sans', sans-serif;    font-size: 14px;    line-height: 18px;    padding-left: 17px;    background: url('img/list-line.jpg') left top 8px no-repeat;}/*.list-detail ul li:before{    content: "-";    font-size: 20px;    line-height: 18px;    color: #666666;    padding-right: 5px;}*/.technologies h1{    margin-top: 5px;}.technologies ul{    float: left;    width: 100%;    margin: 5px 0px 10px;}.technologies ul li{    list-style: none;    float: left;    margin-right: 10px;}.skills ul.skills-list li{    float: left;    width: 33.33%;    list-style: none;}.skills-list , .personal-info ul , .technologies ul{    padding-left: 0px;}.skills-list ul{    margin: 0px;    padding-left: 0px;}.skills ul.skills-list li h3{    color: #666666;    font-size: 20px;    font-weight: 700;    margin: 14px 0px 7px;}.skills-list li img{    margin-top: 10px;}.skills-list li ul li{    color: #999999;    font-size: 16px;    font-family: 'Open Sans', sans-serif;    font-weight: 300;    float: left;    width: 100% !important;}.education .list-detail h2{    color: #666666;}.list-detail p{    color: #666666;    font-size: 15px;    line-height: 18px !important;    margin-top: 2px !important}.personal-info ul li{    list-style: none;    float: left;    width: 33.33%;    margin-bottom: 25px;    font-weight: 300;    color: #999;    font-size: 15px;}.personal-info ul li p{    color: #999999;    font-size: 14px;    font-weight: 300;    text-transform: uppercase;`}.personal-info ul li h5{    color: #666666;    font-weight: normal;    font-size: 16px;    font-family: 'Open Sans', sans-serif;}@media(max-width: 1180px){    .intro .profile{        width: 230px;    }    .about-me{        width: calc(100% - 260px);    }    .profile h5{        font-size: 14px;        text-align: center;    }    .profile h2{        font-size: 34px;    }    .profile a{        line-height: 43px;        font-size: 16px;        margin-bottom: 13px;    }}@media(max-width: 1060px){    .personal-info ul li h5{        font-size: 17px;    }}@media(max-width: 1000px){    .intro .profile , .about-me{        width: 100%;    }    .about-me{        margin-top: 25px;    }    .about-intro p{        font-size: 15px;    }    .about-intro h4{        font-size: 19px;    }    .about-me .row h1{        font-size: 35px;    }    .intro .profile .profile-img{        float: left;        width: 33%;    }    .profile .personal{        float: left;        width: 64%;        margin-left: 3%;        text-align: left    }    .date-status{        width: 150px;        background-size: 152px;        font-size: 13px;    }    .chain-list li .list-detail{        width: calc(100% - 163px);    }    .list-detail ul li{        font-size: 13px;    }    .list-detail h2{        font-size: 16px;    }    .list-detail h5{        font-size: 14px;    }    .technologies ul li{        margin-right: 5px;    }    .skills-list li ul li{        font-size: 15px;    }    .inner-page .container h3{        font-size: 18px;    }    .personal-info ul li h5{        font-size: 15px;    }    .skills ul.skills-list li h3{        font-size: 18px;    }    .profile a{        width: 48.5%;        float: left;        margin-top: 5px;    }    .profile a.view-work{        margin-right: 3%;    }    .profile .personal{        margin-top: 55px;    }    .intro .profile.fixed-profile{        position: inherit;        top: 0px;    }}@media(max-width: 900px){    .intro .profile{        text-align: center;    }    .fixed-profile > p{        display: block;    }    .fixed-profile .profile-img{        border-radius: 0px;    }    .about-intro p{        font-size: 16px;    }    .about-intro h4{        font-size: 20px;    }    .about-me .row h1{        font-size: 36px;    }    .date-status{        font-size: 15px;        width: 185px;        background-size: inherit;    }    .chain-list li .list-detail{        width: calc(100% - 198px);    }    .list-detail ul li{        font-size: 14px;    }    .list-detail h2{        font-size: 18px;    }    .list-detail h5{        font-size: 15px;    }    .technologies ul li{        margin-right: 5px;    }    .skills-list li ul li{        font-size: 16px;    }    .inner-page .container h3{        font-size: 20px;    }    .personal-info ul li h5{        font-size: 18px;    }    .inner-page .container p{        font-size: 14px;    }    .skills ul.skills-list li h3{        font-size: 18px;    }    .personal-info ul li{        height: 55px;    }    .profile .personal{        margin-top: 40px;    }}@media(max-width: 768px){    .personal-info ul li h5{        font-size: 15px;    }    .profile .personal{        margin-top: 28px;    }    .inner-page .container p{        font-size: 13px;    }    .intro .profile .profile-img{        width: 215px;    }    .profile .personal{        width: calc(100% - 235px);    }    .profile a{        font-size: 14px;        line-height: 40px;    }    nav ul li{        float: none;        padding: 0px;    }    .menu{        display: block;        margin-top: 7px;    }    nav ul{        margin: 70px 0px 0px;    }    .home.page-template nav ul li a{        color: #666;    }    .nav-overlay {        background: none repeat scroll 0 0 white;        height: 1000px !important;        left: 0;        position: absolute;        bottom: 100%;        top:auto;        width: 100%;        z-index: -1;        overflow: auto;        opacity: 0;    }    .nav-active{        top: 100%;        bottom:auto;        opacity: 1;    }}@media(max-width: 640px){    .main-content h2{        font-size: 22px;        margin-bottom: 3px;        margin-top: 30px;    }    .main-content h2 , .inner-page .container p.second-paragraph{        padding: 0 7.5%;    }    .inner-page .container p.second-paragraph{        line-height: 20px;    }    .personal-info ul li{        width: 50%;    }    .personal-info ul li{        margin-bottom: 3px;    }    .inner-page .container p{        font-size: 14px;    }    .skills ul.skills-list li h3{        font-size: 18px;        margin-top: -15px;    }    .chain-list li .list-detail{        border-left: 0px;        width: 100%;        padding-left: 0px;        margin-top: -5px;        margin-bottom: 25px;    }    .list-detail h2 span.blue-circle{        display: none;    }    .technologies ul li{        margin-right: 0px;        height: 58px;        width: 20%;        margin-bottom: 10px;    }    .skills ul.skills-list li{        width: 100%;        margin-bottom: 10px;    }    .skills-list li ul > li{        margin-bottom: 2px !important;    }    .date-status{        background: none;        margin: 0px 0px 2px;        text-align: left;        font-size: 14px;        line-height: 0px;        height: 0px;        font-weight: 400;    }    .skills-list li span{        float: left;    }    .skills-list li span{        width: 20%;    }    .skills-content{        float: left;        width: 76%;        margin-top: 22px;        margin-left: 4%;    }    .row ul.chain-list{        margin-top: 15px;    }    .about-me .row h1{        margin: 25px 0 20px;    }    .intro .profile .profile-img{        width: 190px;    }    .profile .personal{        width: calc(100% - 207px);        margin-top: 2px;    }    .profile a{        width: 100%;        margin-bottom: 5px;        line-height: 35px;        font-size: 14px;    }    .profile h2{        font-size: 28px;        margin-top: 10px;    }    .inner-page .container p{        font-size: 13px;        letter-spacing: -.5px;    }    .intro .profile{        margin-top: 30px;    }    .skills-list li img{        max-width: 100%;        height: auto;        display: inline-block;    }    .technologies ul{        margin-bottom: 0px;    }    .education.row , .experience.row{        padding-bottom: 0px;    }    .skills ul.skills-list li:last-of-type{        margin-bottom: 0px;    }    .list-detail h5{        margin-bottom: 1px;    }    .row ul.chain-list li{        margin-bottom: 3px;    }}@media(max-width: 480px){    .intro .profile{        margin-top: 25px;    }    .intro .profile .profile-img{        width: 210px;        float: none;        margin: 0 auto;    }    .profile .personal{        width: 100%;        margin-top: 15px;        text-align: center;        margin-left: 0px;    }    .profile a{        margin-bottom: 5px;    }    .profile h2{        font-size: 32px;        margin-top: 15px;    }    .profile h5{        margin-bottom: 20px;    }    .inner-page .container p{        letter-spacing: inherit;        font-size: 14px;    }    .profile a{        font-size: 15px;        line-height: 40px;        width: 100%;    }    .about-me .row h1{        font-size: 26px;        margin: 25px 0px 20px !important;    }    .profile .profile-img{        height: 200px;    }    .personal-info ul li h5{        font-size: 12px;    }    .skills-list li span{        width: 25%;    }    .skills-content{        width: 70%;        margin-left: 5%;    }    .skills-list li ul li{        font-size: 13px;        margin-bottom: 0px !important;    }    .skills ul.skills-list li h3{        margin-bottom: 0px;    }}   @media(max-width: 1366px){    .home-intro h1{        font-size: 60;    }    .home-intro p{        font-size: 14px;        margin: 25px auto 54px;    }}