#container{padding:0 0 0 50px;}@media screen and (max-width: 960px) {#container{padding:0 0 0 0px;}}.width{max-width:1220px;padding:0 10px;margin:0 auto;}.backgroundBlue{background:#67aeec;}.backgroundBlueDark{background:#5b9ed8;}.backgroundRed{background:#fc5656;}.backgroundRedDark{background:#e04d4d;}.backgroundYelow{background:#edc35f;}.backgroundYelowDark{background:#e1b449;}.backgroundGreen{background:#9CCC65;}.backgroundGreenDark{background:#8cb75a;}.backgroundSilver{background:#e3e3e3;}.backgroundLightSilver{background:#f2f2f2;}.backgroundBlack{background:#343434;}.backgroundBlackDark{background:#282828;}.colorBlue{color:#67aeec;}.colorRed{color:#fc5656;}.colorYelow{color:#edc35f;}.colorGreen{color:#82b53f;}.colorGreenDark{color:#8cb75a;}.colorWhite{color:#fff;}.colorBlack{color:#444;}.colorSilver{color:#e3e3e3;}.colorBlueDark{color:#5b9ed8;}.colorRedDark{color:#e04d4d;}.colorBlackDark{color:#282828;}.borderSilver{border-color:#dedede;}.borderBlue{border-color:#67aeec;}.borderDarkBlue{border-color:#5b9ed8;}.borderRed{border-color:#fc5656;}.borderRedDark{border-color:#e04d4d;}.borderYelow{border-color:#edc35f;}.borderGreen{border-color:#82b53f;}.borderWhite{border-color:#ffffff;}.borderBlack{border-color:#343434;}.borderBlackDark{border-color:#282828;}.buttonBlue{background:#67aeec;}.buttonBlue:hover{background:#5b9ed8;}.buttonRed{background:#fc5656;}.buttonRed:hover{background:#e04d4d;}.buttonGreen{background:#9CCC65;}.buttonGreen:hover{background:#8cb75a;}/*LEFT PANEL**************************************************/.lp{position:fixed;width:100%;top:0;left:-100%;bottom:0;background:#282828;transition:0.5s;z-index:99;}.lp-inner{position:absolute;width:500px;height:500px;left:50%;top:25%;margin-left:-250px;}.logo{width:300px;margin:0 auto;}.logo img{width:100%;height:auto;display:block;}.logo strong{display:block;font-size:14px;color:#777;padding:15px 0;text-align:center;}.main-menu{padding:20px 0 20px 0;}.main-menu ul{text-align:center;}.main-menu ul li a{font-size:26px;color:#999;text-decoration:none;transition:0.3s;}.main-menu ul li a:hover{color:#fff;}.phone-list-lp{}.phone-list-lp span{display:block;font-size:22px;margin:0 0 7px 0;color:#fff;text-align:center;}.phone-list-lp span i{color:#999;margin:0 10px 0 0;}.social{text-align:center;padding:50px 0 0 0;}.social a{width:54px;height:54px;display:inline-block;border:2px solid #fff;border-radius:27px;margin:0 10px;position:relative;opacity:0.2;transition:0.3s;}.social a:hover{opacity:0.7;}.social a img{width:30px;height:30px;display:block;position:absolute;top:10px;left:10px;}.social-list{text-align:right;padding:20px 0 0 0;}.social-list a{width:54px;height:54px;display:inline-block;border:2px solid #fff;border-radius:27px;margin:0 0 0 10px;position:relative;opacity:0.8;transition:0.3s;}.social-list a:hover{opacity:0.5;}.social-list a img{width:30px;height:30px;display:block;position:absolute;top:10px;left:10px;}@media screen and (max-width: 960px) {.lp-inner{position:absolute;width:100%;height:auto;left:0%;top:15%;margin-left:0px;margin-top:0px;}.social-list{text-align:center;}}@media screen and (max-width: 660px) {.logo{width:260px;}.logo strong{font-size:12px;padding:10px 0;}.main-menu{padding:10px 0 20px 0;}.main-menu ul li a{font-size:20px;}.phone-list-lp span{font-size:20px;}.social{text-align:center;padding:10px 0 0 0;}.animatedBlock{display:none;}}/*LEFT PANEL OPEN**************************************************/.lp-open{left:0 !important;margin-left:0px !important;}/*LEFT PANEL BUTTON OPEN**************************************************/.lp-button-open{position:fixed;top:0;left:0;bottom:0;width:50px;background:#282828;z-index:9;cursor:pointer;transition:0.5s;}.lp-button-open-right{left:100%;margin-left:-50px;}.lp-button-open i{color:#fff;position:absolute;top:50%;left:15px;font-size:24px;}/*LEFT PANEL BUTTON CLOSE**************************************************/.lp-button-close{display:none;position:absolute;top:0;right:0;bottom:0;width:50px;z-index:2;cursor:pointer;}.lp-open .lp-button-close{display:block;}.lp .lp-button-close i{color:#fff;position:absolute;top:50%;left:50%;font-size:24px;width:30px;margin-left:-15px;text-align:center;}@media screen and (max-width: 960px) {/*LEFT PANEL BUTTON OPEN**************************************************/.lp-button-open, .lp-button-close{position:fixed;top:0;left:0;bottom:auto;width:100%;height:50px;text-align:center;background:#282828;z-index:9;cursor:pointer;transition:0.5s;}.lp-button-open-right, .lp-open .lp-button-close{left:0%;margin-left:0px;}.lp-button-open i, .lp .lp-button-close i{top:15px;}.lp-button-close{position:fixed;top:0;left:0;bottom:auto;width:100%;height:50px;background:#282828;z-index:9;cursor:pointer;transition:0.5s;text-align:center;}}/*MODAL************************************************************************/#modal-design,#modal-development,#modal-gifts,#modal-seo{display: none;z-index:9999999;position:fixed;left:50%;top:45%;width:600px;height:300px;margin-left:-300px;margin-top:-150px;padding:50px 0 0 0;}#modal-design-button-close,#modal-development-button-close,#modal-gifts-button-close,#modal-seo-button-close{position:absolute;top:0px;left:50%;width:50px;margin-left:-25px;text-align:center;cursor:pointer;}#modal-design-button-close i,#modal-seo-button-close i,#modal-gifts-button-close i,#modal-development-button-close i{font-size:24px;color:#fff;transition:0.3s;}#modal-design-button-close i:hover,#modal-seo-button-close i:hover,#modal-gifts-button-close i:hover,#modal-development-button-close i:hover{opacity:0.7;}@media screen and (max-width: 660px) {#modal-design,#modal-development,#modal-gifts,#modal-seo{position:fixed;left:5%;display:none;top:10%;width:90%;height:auto;margin-left:0px;margin-top:0px;}}#overlay-design{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#67aeec;z-index:100000;}#overlay-development{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#fc5656;z-index:100000;}#overlay-seo{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#82b53f;z-index:100000;}#overlay-gifts{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#67aeec;z-index:100000;}/*FORM*************************************************************************/.form-container{}.modal-title{display:block;text-align:center;font-size:24px;color:#fff;text-transform:uppercase;}.form-slide{position:relative;padding:30px 0 0 0;}#step1-design,#step1-development,#step1-seo,#step1-gift{position:absolute;left:0;width:100%;}#step2-design,#step2-development,#step2-gift,#step2-seo{position:absolute;left:500%;width:100%;}#step3-design,#step3-development,#step3-gift,#step3-seo{position:absolute;left:500%;width:100%;}#step4-design,#step4-development,#step4-seo,#step4-gift{position:absolute;left:500%;width:100%;}#step5-design,#step5-development,#step5-seo#step5-gift{position:absolute;left:500%;width:100%;}.left{left:-500% !important;}.center{left:0 !important;}.step-reset-design,.step-reset-development,.step-reset-seo,.step-reset-gift{position:absolute;bottom:0px;left:50%;width:50px;margin-left:-25px;text-align:center;cursor:pointer;}.step-reset-design i,.step-reset-development i,.step-reset-seo i,.step-reset-gift i{font-size:24px;color:rgba(0,0,0,0.3);transition:0.3s;}.step-reset-design i:hover,.step-reset-development i:hover,.step-reset-seo i:hover,.step-reset-gift i:hover{opacity:0.7;}.tz-button{display:flex;margin:0 0 0 -2%;overflow:hidden;}.tz-button > div{width:48%;margin:0 0 0 2%;}.tz-button > div span{display:block;padding:20px;color:#444;text-align:center;background:#fff;cursor:pointer;transition:0.3s;}.tz-button > div span:hover{opacity:0.7;}.form-group{transition:0.3s;}.form-group .modal-label{display:block;width:100%;text-align:left;font-size:18px;color:#fff;padding:0 0 15px 0;}.form-group input,.form-group input:focus{display:block;width:100%;padding:20px;background:#fff;border:2px solid #fff;font-size:18px;outline:none;}.form-group .next-button, .modal-send{font-size:22px;color:#fff;background:none !important;margin:5px 0 0 0;text-transform:uppercase;outline:none;border:none !important;display:block;padding:10px 0 !important;cursor:pointer;opacity:1;width:100%;text-align:right;transition:0.3s;}.form-group span:hover, .form-group button:hover{opacity:0.7;}.form-group span i, .form-group button i{color:#fff;margin:0 0 0 10px;}.valid-error:before{content:"\f06a";font-family:FontAwesome;position:absolute;top:60px;right:10px;color:#444;z-index:9;}.form-success{width:100%;text-align:center;color:#fff;font-size:22px;}.valid-error:before {-webkit-animation-name: validate-animation;-webkit-animation-duration: 1s;-webkit-animation-timing-function: linear;-webkit-animation-iteration-count: infinite;-webkit-animation-direction: normal;-webkit-animation-delay: 0;-webkit-animation-play-state: running;-webkit-animation-fill-mode: forwards;}@-webkit-keyframes validate-animation {0% {opacity:0;}20% {opacity:1;}26% {opacity:1;}100% {opacity:0;}}@-moz-keyframes validate-animation {0% {opacity:0;}20% {opacity:1;}26% {opacity:1;}100% {opacity:0;}}.login-page{background:#282828;position:absolute;top:0;left:0;right:0;bottom:0;}.login-form{width:500px;height:400px;position:absolute;top:50%;left:50%;margin-left:-250px;margin-top:-200px;}.field-loginform-username{}.login-form label{color:#fff;display:block;padding:10px 0;}.login-form input{display:block;padding:10px !important;border:none !important;}.field-loginform-rememberme{display:none;}.login-form button{display:block;background:#67aeec;color:#fff;margin:20px 0 0 0;cursor:pointer;padding:10px !important;border:none !important;}.modal-gifts p{text-align:center;color:#fff;}.modal-gifts-social{text-align:center;padding:50px 0 0 0;}.modal-gifts-social a{width:54px;height:54px;display:inline-block;border:2px solid #fff;border-radius:27px;margin:0 10px;position:relative;opacity:1;transition:0.3s;}.modal-gifts-social a:hover{opacity:0.7;}.modal-gifts-social a img{width:30px;height:30px;display:block;position:absolute;top:10px;left:10px;}.animatedBlock{position:fixed;bottom:100px;right:100px;z-index:9;}.animatedBlock i{font-size:32px;color:#fff;width:50px;height:50px;position:absolute;top:-25px;left:-25px;z-index:3;text-align:center;line-height:50px;z-index:99}@-webkit-keyframes rounBorderBig {0% {width:70px;height:70px;margin:-35px 0 0 -35px;}100% {width:150px;height:150px;margin:-75px 0 0 -75px;opacity:0;}}@-moz-keyframes rounBorderBig {0% {width:70px;height:70px;margin:-35px 0 0 -35px;}100% {width:150px;height:150px;margin:-75px 0 0 -75px;opacity:0;}}@-o-keyframes rounBorderBig {0% {width:70px;height:70px;margin:-35px 0 0 -35px;}100% {width:150px;height:150px;margin:-75px 0 0 -75px;opacity:0;}}@keyframes rounBorderBig {0% {width:70px;height:70px;margin:-35px 0 0 -35px;}100% {width:150px;height:150px;margin:-75px 0 0 -75px;opacity:0;}}.rounBorderBig{width:70px;height:70px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;position:absolute;top:50%;left:50%;margin:-35px 0 0 -35px;background:transperent;color:#fff;border:1px solid #29B6F6 ;text-align:center;opacity:0.5;-webkit-animation:rounBorderBig 2.3s infinite ease-in-out!important;-moz-animation:rounBorderBig 2.3s infinite ease-in-out!important;-ms-animation:rounBorderBig 2.3s infinite ease-in-out!important;-o-animation:rounBorderBig 2.3s infinite ease-in-out!important;animation:rounBorderBig 2.3s infinite ease-in-out!important;}@-webkit-keyframes rounBorderSmall {0% {width:70px;height:70px;margin:-35px 0 0 -35px;}100% {width:120px;height:120px;margin:-60px 0 0 -60px;opacity:0;}}@-moz-keyframes rounBorderSmall {0% {width:70px;height:70px;margin:-35px 0 0 -35px;}100% {width:120px;height:120px;margin:-60px 0 0 -60px;opacity:0;}}@-o-keyframes rounBorderSmall {0% {width:70px;height:70px;margin:-35px 0 0 -35px;}100% {width:120px;height:120px;margin:-60px 0 0 -60px;opacity:0;}}@keyframes rounBorderSmall {0% {width:70px;height:70px;margin:-35px 0 0 -35px;}100% {width:120px;height:120px;margin:-60px 0 0 -60px;opacity:0;}}.rounBorderSmall{width:70px;height:70px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;position:absolute;top:50%;left:50%;margin:-35px 0 0 -35px;background:transperent;color:#fff;border:2px solid #29B6F6 ;text-align:center;opacity:0.5;-webkit-animation:rounBorderSmall 2.3s infinite ease-in-out!important;-moz-animation:rounBorderSmall 2.3s infinite ease-in-out!important;-ms-animation:rounBorderSmall 2.3s infinite ease-in-out!important;-o-animation:rounBorderSmall 2.3s infinite ease-in-out!important;animation:rounBorderSmall 2.3s infinite ease-in-out!important;}@-webkit-keyframes rounBackgroundAnimation {0% {width:70px;height:70px;margin:-35px 0 0 -35px;opacity:0.1;}50% {width:120px;height:120px;margin:-60px 0 0 -60px;opacity:0;}100% {width:70px;height:70px;margin:-35px 0 0 -35px;opacity:0.1;}}@-moz-keyframes rounBackgroundAnimation {0% {width:70px;height:70px;margin:-35px 0 0 -35px;opacity:0.1;}50% {width:120px;height:120px;margin:-60px 0 0 -60px;opacity:0;}100% {width:70px;height:70px;margin:-35px 0 0 -35px;opacity:0.1;}}@-o-keyframes rounBackgroundAnimation {0% {width:70px;height:70px;margin:-35px 0 0 -35px;opacity:0.1;}50% {width:120px;height:120px;margin:-60px 0 0 -60px;opacity:0;}100% {width:70px;height:70px;margin:-35px 0 0 -35px;opacity:0.1;}}@keyframes rounBackgroundAnimation {0% {width:70px;height:70px;margin:-35px 0 0 -35px;opacity:0.1;}50% {width:120px;height:120px;margin:-60px 0 0 -60px;opacity:0;}100% {width:70px;height:70px;margin:-35px 0 0 -35px;opacity:0.1;}}.rounBackgroundAnimation{width:150px;height:150px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;position:absolute;top:50%;left:50%;margin:-75px 0 0 -75px;background:#29B6F6 ;-webkit-animation:rounBackgroundAnimation 2.3s infinite ease-in-out!important;-moz-animation:rounBackgroundAnimation 2.3s infinite ease-in-out!important;-ms-animation:rounBackgroundAnimation 2.3s infinite ease-in-out!important;-o-animation:rounBackgroundAnimation 2.3s infinite ease-in-out!important;animation:rounBackgroundAnimation 2.3s infinite ease-in-out!important;}.rounBackgroundStatic{width:70px;height:70px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;position:absolute;top:50%;left:50%;margin:-35px 0 0 -35px;background:#29B6F6 ;opacity:0.8;z-index:8;transition: all 0.3s ease-in-out 0s;}.animatedBlock:hover .rounBackgroundStatic{background:#29B6F6 ;}@-webkit-keyframes roundCallbackPhone {0% {width:30px;height:30px;margin:-15px 0 0 -15px;opacity:0;}50% {width:70px;height:70px;margin:-35px 0 0 -35px;opacity:1;}100% {width:30px;height:30px;margin:-15px 0 0 -15px;opacity:0;}}@-moz-keyframes roundCallbackPhone {0% {width:30px;height:30px;margin:-15px 0 0 -15px;opacity:0;}50% {width:70px;height:70px;margin:-35px 0 0 -35px;opacity:1;}100% {width:30px;height:30px;margin:-15px 0 0 -15px;opacity:0;}}@-o-keyframes roundCallbackPhone {0% {width:30px;height:30px;margin:-15px 0 0 -15px;opacity:0;}50% {width:70px;height:70px;margin:-35px 0 0 -35px;opacity:1;}100% {width:30px;height:30px;margin:-15px 0 0 -15px;opacity:0;}}@keyframes roundCallbackPhone {0% {width:30px;height:30px;margin:-15px 0 0 -15px;opacity:0;}50% {width:70px;height:70px;margin:-35px 0 0 -35px;opacity:1;}100% {width:30px;height:30px;margin:-15px 0 0 -15px;opacity:0;}}.roundCallbackPhone{width:70px;height:70px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;position:absolute;top:50%;left:50%;margin:-35px 0 0 -35px;z-index:9;background: url(/modules/mod_forms/assets/css/images/icon-mainContacts.png);background-size:cover;-webkit-animation:roundCallbackPhone 2.3s infinite ease-in-out!important;-moz-animation:roundCallbackPhone 2.3s infinite ease-in-out!important;-ms-animation:roundCallbackPhone 2.3s infinite ease-in-out!important;-o-animation:roundCallbackPhone 2.3s infinite ease-in-out!important;animation:roundCallbackPhone 2.3s infinite ease-in-out!important;}@-webkit-keyframes roundCallbackMail {0% {width:70px;height:70px;margin:-35px 0 0 -35px;opacity:1;}50% {width:30px;height:30px;margin:-15px 0 0 -15px;opacity:0;}100% {width:70px;height:70px;margin:-35px 0 0 -35px;opacity:1;}}@-moz-keyframes roundCallbackMail {0% {width:70px;height:70px;margin:-35px 0 0 -35px;opacity:1;}50% {width:30px;height:30px;margin:-15px 0 0 -15px;opacity:0;}100% {width:70px;height:70px;margin:-35px 0 0 -35px;opacity:1;}}@-o-keyframes roundCallbackMail {0% {width:70px;height:70px;margin:-35px 0 0 -35px;opacity:1;}50% {width:30px;height:30px;margin:-15px 0 0 -15px;opacity:0;}100% {width:70px;height:70px;margin:-35px 0 0 -35px;opacity:1;}}@keyframes roundCallbackMail {0% {width:70px;height:70px;margin:-35px 0 0 -35px;opacity:1;}50% {width:30px;height:30px;margin:-15px 0 0 -15px;opacity:0;}100% {width:70px;height:70px;margin:-35px 0 0 -35px;opacity:1;}}.roundCallbackMail{width:70px;height:70px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;position:absolute;top:50%;left:50%;margin:-35px 0 0 -35px;z-index:9;background: url(/modules/mod_forms/assets/css/images/icon-mainMail.png);background-size:cover;-webkit-animation:roundCallbackMail 2.3s infinite ease-in-out!important;-moz-animation:roundCallbackMail 2.3s infinite ease-in-out!important;-ms-animation:roundCallbackMail 2.3s infinite ease-in-out!important;-o-animation:roundCallbackMail 2.3s infinite ease-in-out!important;animation:roundCallbackMail 2.3s infinite ease-in-out!important;}/*--------------------------CALLBACK BUTTON*/.animatedBlock .cc_callbackButton{width:0px;height:0px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;background:#8a519f url(/modules/mod_forms/assets/css/images/icon_contact.png);background-size:cover;position:absolute;top:50%;left:50%;margin:-0px 0 0 -0px;transition: all 0.1s ease-in-out 0s;}.animatedBlock:hover .cc_callbackButton{width:30px;height:30px;margin:-80px 0 0 -15px;opacity:0.3;}.animatedBlock .cc_callbackButton:hover{background:#8a519f url(/modules/mod_forms/assets/css/images/icon_contact.png);background-size:cover;opacity:1;}/*--------------------------MAIL BUTTON*/.animatedBlock .cc_mailButton{width:0px;height:0px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;background:#8a519f url(/modules/mod_forms/assets/css/images/icon_mail.png);background-size:cover;position:absolute;top:50%;left:50%;margin:-0px 0 0 -0px;transition: all 0.2s ease-in-out 0s;}.animatedBlock:hover .cc_mailButton{width:30px;height:30px;margin:-60px 0 0 -60px;opacity:0.3;}.animatedBlock .cc_mailButton:hover{background:#8a519f url(/modules/mod_forms/assets/css/images/icon_mail.png);background-size:cover;opacity:1;}/*--------------------------CPMMENT BUTTON*/.animatedBlock .cc_commentsButton{width:0px;height:0px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;background:#8a519f url(/modules/mod_forms/assets/css/images/icon_comments.png);background-size:cover;position:absolute;top:50%;left:50%;margin:-0px 0 0 -0px;transition: all 0.3s ease-in-out 0s;}.animatedBlock:hover .cc_commentsButton{width:30px;height:30px;margin:-15px 0 0 -80px;opacity:0.3;}.animatedBlock .cc_commentsButton:hover{background:#8a519f url(/modules/mod_forms/assets/css/images/icon_comments.png);background-size:cover;opacity:1;}.about-text-button i{font-size:52px;color:#444;cursor:pointer;transition:0.3s;}.about-text-button-rotate i{-ms-transform: rotate(180deg); /* IE 9 */-webkit-transform: rotate(180deg); /* Safari */transform: rotate(180deg);}.about-text-hide{height:0px;overflow:hidden;transition:0.3s;opacity:0;text-align:left;}.about-text-hide ul{list-style:disc;margin:10px 0 10px 40px;}.about-text-hide ul li{font-size:18px;padding:7px 0;}.about-text-block{height:auto;transition:0.3s;opacity:1;}.error-page{max-width:600px;margin:0 auto;padding:10% 0 0 0;text-align:center;}.error-page img{width:100%;display:block;height:auto;margin:0 auto;}.error-page a{display:inline-block;padding:20px 30px;color:#fff;text-decoration:none;border-radius:5px;}.error-page a:hover{color:#fff;text-decoration:none;}.page-contact{position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;background:url(../images/bg_office.jpg);background-size:cover;background-position:top right;}.page-contact-inner{position:absolute;top:0;left:50px;bottom:0;width:50%;background:#fff;z-index:3;}.page-contact-inner strong{display:block;text-align:center;font-size:32px;margin:20% 0 20px 0;}.contact-phone-list{text-align:center;}.contact-phone-list span{color:#444;display:block;padding:10px 0;font-size:22px;}.contact-phone-list span i{color:#ccc;margin:0 10px 0 0;}.contact-social{text-align:center;padding:50px 0 0 0;}.contact-social a{width:54px;height:54px;display:inline-block;border:2px solid #ccc;border-radius:27px;margin:0 10px;position:relative;opacity:0.7;transition:0.3s;}.contact-social a:hover{opacity:0.4;}.contact-social a img{width:30px;height:30px;display:block;position:absolute;top:10px;left:10px;}@media screen and (max-width: 960px) {.page-contact-inner{width:100%;left:0;}.page-contact-inner strong{font-size:24px;margin:100px 0 20px 0;}.contact-social{text-align:center;padding:20px 0 50px 0;}}
.portfolio-link{
	padding: 30px 50px;
    color: #444;
	background:#fff;
    font-size: 20px;
    text-decoration: none;
    display: inline-block;
    margin: 20px 10px;
    transition: 0.3s;
}
.portfolio-link:hover{
    text-decoration: none;
    opacity:0.7;
}





.grid {
	position: relative;
	margin: 0 auto;
	padding: 1em 0 4em;
	max-width: 1200px;
	list-style: none;
	text-align: center;
	
}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	max-height: 600px;
	width: 48%;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 3;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}


figure.effect-sarah {
	background: #000;
}

figure.effect-sarah img {
	max-width: none;
	width: -webkit-calc(100% + 20px);
	width: calc(100% + 20px);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-10px,0,0);
	transform: translate3d(-10px,0,0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-sarah:hover img {
	opacity: 0.4;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-sarah figcaption {
	text-align: left;
}

figure.effect-sarah h2 {
	position: relative;
	overflow: hidden;
	padding: 0.5em 0;
}

figure.effect-sarah h2::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: #fff;
	content: '';
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
}

figure.effect-sarah:hover h2::after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-sarah p {
	padding: 1em 0;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
}

figure.effect-sarah:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}