@charset "utf-8";
/* CSS Document */

/* Mozilla based browsers */
::-moz-selection {background-color:#b87d37;color: #ffffff;}

/* Works in Safari */
::selection {background-color:#b87d37;color: #ffffff;}

/* Works in Opera */
::-o-selection {background-color:#b87d37;color: #ffffff;}
::-ms-selection {background-color:#b87d37;color: #ffffff;}

/* Works in Internet Explorer */
::-webkit-selection {background-color:#b87d37;color: #ffffff;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { color:#000;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after { content: '';content: none;}
table {border-collapse: collapse; border-spacing: 0;}
*{outline:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; }
a{ text-decoration:none;cursor:pointer;}
button{cursor:pointer;}
.clear{ clear:both} 
body,html{margin:0; padding:0;height:100%;min-height:100%;background: #fff;font-family: 'Agenda-Regular';}
body p{font-family: 'monsters_of_stoneregular';}

/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/
/* 1.1 Defaults */
h1, h2, h3, h4, h5, h6, strong { margin:0 }
i, em { font-style:italic; }
.left {	float:left;}
.right {float:right;}
.alignleft{	text-align:left;}
.alignright{text-align:right;}
.aligncenter{text-align:center;}
.clear {clear:both;}
.clearfix:before,
.clearfix:after { display: table; content: " "; }
.clearfix:after { clear: both; }
textarea{
	overflow:auto;
	 /* Body Font Family Will Come Here */
}
address{font-style:normal;}
@font-face {
  font-family: 'Agenda-Medium';
 src:url(../css/font/Agenda-Medium_0.otf);
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Agenda-Regular';
 src:url(../css/font/Agenda-Regular_0.otf);
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Agenda-Bold';
 src:url(../css/font/Agenda-Bold_0.otf);
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Agenda-Light';
  src:url(../css/font/Agenda-Light_0.ttf);
 src:url(../css/font/Agenda-Light_0.otf);
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Agenda-LightItalic';
 src:url(../css/font/Agenda-LightItalic.otf);
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Agenda-MediumItalic';
 src:url(../css/font/Agenda-MediumItalic_0.otf);
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Agenda-Semibold';
 src:url(../css/font/Agenda-Semibold.otf);
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Agenda-SemiboldItalic';
 src:url(../css/font/Agenda-SemiboldItalic_0.otf);
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Agenda-Medium';
 src:url(../css/font/Agenda-Medium_0.otf);
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Agenda-Thin';
 src:url(../css/font/Agenda-Thin.otf);
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Agenda-ThinItalic';
 src:url(../css/font/Agenda-ThinItalic.otf);
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ALLURA-REGULAR';
  /*src:url(../css/font/ALLURA-REGULAR.ttf);
  src:url(../css/ont/ALLURA-REGULAR.otf);*/
 
  font-weight: normal;
  font-style: normal;
}
/*********************** Home Banner Css ************************/
.wrapper{width: 100%;float:left;}
.commanWrapper{width: 100%;float:left;}
.container{max-width: 1170px;margin:0 auto;width:100%;padding:0;position:relative;}
.homeBanner{height:100%;position: relative;}
.homeBanner .flexslider ul.slides{margin:0 !important;}
.homeBanner .flexslider ul.slides li img{width: 100%;height:100%;display: block;}
.homeBanner .flex-control-nav{width: 100%;position: absolute;top: 85%;text-align: center;z-index: 999999;}
.homeBanner .flex-control-nav li{margin: 0 6px;display: inline-block;zoom: 1;}
.homeBanner .flex-control-nav li a {
    background: none;
    display: inline-block;
    height: 20px;
    margin: 5px 7px;
    border: 1px solid #fff;
    width: 20px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    text-indent: -99999px;
    transition: all 0.8s ease;
    -webkit-transition: all 0.8s ease;
    -moz-transiton: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
}
.homeBanner .flex-control-nav li a.flex-active{background: #fff;}
header{position: absolute;top: 0;width: 100%;background: rgba(0,0,0,0.27);z-index: 999;transition:all 0.45s ease;-webkit-transition:all 0.45s ease;-moz-transition:all 0.45s ease;-ms-transition:all 0.45s ease;-o-transition:all 0.45s ease;}
header .logo{float: left;transition:all 0.4s ease;-weblit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease;}
header .logo img{width:100%;max-width:100%;transition:width 0.4s;-webkit-transition:width 0.4s;-moz-transition:width 0.4s;-ms-transition:width 0.4s;-o-transition:width 0.4s;}
header .navigation{float: right;transition: all ease-in-out 0.5s;-moz-transition: all ease-in-out 0.5s;-webkit-transition: all ease-in-out 0.5s;opacity: 0;z-index: -1;padding-top: 26px;}
header .navigation ul li{display:inline-block;position:relative;}
header .navigation ul li a{padding: 0 10px;color:#fff;line-height: 70px;height:70px;transition:all 350ms ease;-webkit-transition:all 350ms ease;-moz-transition:all 350ms ease;
font-size:16px;-ms-transition:all 350ms ease;-o-transition:all 350ms ease;}
header .navigation ul li a:after{content: '';position: absolute;border-bottom: 2px solid #fff;width: 0%;bottom: 0px;left: 0;transition: all 0.7s ease;-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;margin: auto;display: block;right: 0;}
header .navigation ul li:hover a{color:#f9a712;}
header .navigation ul li:hover a:after{width:100%;border-bottom:2px solid #f9a712;}
header.sticky{position:fixed;top:0;background: rgba(0,0,0,0.87);}
header.sticky .logo{padding-top:10px;}
header.sticky .logo a img{width:150px;transition:all 0.45s ease;-webkit-transition:all 0.45s ease;-moz-transition:all 0.45s ease;-ms-transition:all 0.45s ease;-o-transition:all 0.45s ease;}
header.sticky .navigation.actvApndMenu{padding-top: 10px;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
header.sticky button.burger-button.mobile-burger-icon{top: 35px;transition:top 0.4s;-webkit-transition:top 0.4s;-moz-transition:top 0.4s;-ms-transition:top 0.4s;-o-transition:top 0.4s}

.burger-button span.name { float: left; opacity: 1; color: #fff; text-transform: uppercase; outline: 0; font-size: 12px; font-family: 'Montserrat', sans-serif; }
.burger-button{outline:none;width: 75px;max-height: 20px;z-index: 100000;margin: auto;background: none;border: none;padding: 0;cursor: pointer;position: absolute;right:10px;top: 50px;}
.burger-button span.b-bar{width:30px;height:2px; float: right; margin-bottom: 2px; display:block;background:#fff;transition:transform .5s; -moz-transition:transform .5s; -webkit-transition:transform .5s; }

.burger-button.active span.name { opacity: 0; }
.burger-button.active span.b-bar{position:absolute; display: inline; }
.burger-button span.b-bar.mid{margin:4px 0; float: right; width: 20px; }
.burger-button span.b-bar.last { clear: both; width: 10px; }
.burger-button.active span.b-bar.first{transform:rotate(47deg); -moz-transform:rotate(47deg); -webkit-transform:rotate(47deg); top: 9px; float: right; width:30px;}
.burger-button.active span.b-bar.last{transform:rotate(-44deg); -moz-transform:rotate(-44deg); -webkit-transform:rotate(-44deg); top: 9px; float: right; width:30px;}
.burger-button.active span.b-bar.mid{display:none}
/*button.burger-button.mobile-burger-icon.active{bottom: 30px;}*/
/* header .navigation { /*max-width: 320px;position: absolute; right: 15px; background: transparent; top: -2px; width: 98%; z-index: 99; transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s; 
-webkit-transition:all ease-in-out 0.5s; opacity:0; z-index:-1; }*/

header .navigation.actvApndMenu{transition:all ease 0.5s;-moz-transition:all ease 0.5s; -webkit-transition:all ease 0.5s;opacity: 1;z-index:1;padding-right:75px;}

.bannerText{position: absolute;top: 40%;left: 0;width:100%;float:left;}
.bannerText h3{font-size: 50px;line-height: 55px;font-family: 'Agenda-Medium';color:#7b7777;}
.bannerText h4{font-family: 'Agenda-Semibold';font-size: 50px;line-height: 55px;color:#7b7777;}
.flexslider li.flex-active-slide .bannerText  h3{-webkit-animation-delay: .4s;animation-delay: .4s;-webkit-animation-duration: .7s;animation-duration: .7s;-webkit-animation-fill-mode: both;
    animation-fill-mode: both;-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;}
.flexslider li.flex-active-slide .bannerText h4{
-webkit-animation-delay:.6s;-moz-animation-delay:.6s;animation-delay:.6s;-webkit-animation-duration: .7s;-moz-animation-duration: .7s;animation-duration: .7s;-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeInLeft;-moz-animation-name: fadeInLeft;animation-name: fadeInLeft;}
.about-section{width:100%;float:left;background:url(../images/free-trail-bg.jpg) no-repeat center center;background-attachment: fixed;padding: 70px 0;background-size: cover;}
.left-section{position:relative;}
.left-section h3:before{content:'';background: url('../images/quote-left.png') no-repeat center left;width: 75px;height: 53px;display: block;position: absolute;left: -40px;bottom: 100px;}
.left-section h3:after{content:'';background: url('../images/quote-right.png') no-repeat center left;width: 75px;height: 53px;display: block;position: absolute;right: 220px;bottom: 30px;}

.left-section .hoverText{width: 0px; height: 2em; white-space: nowrap; overflow: hidden;}
.left-section h3{font-family: 'Agenda-Medium';font-size:45px;text-align:center;line-height: 70px;color:#fff;padding-top:15%;position: relative;}
.left-section div#text { width: 0px; height: 2em; white-space: nowrap; overflow: hidden;margin:10px auto;}
.left-section div#text  span{font-size:25px;color: #fff;}
.left-section h2{font-family: 'Agenda-Medium';font-size: 60px;line-height:40px;color:#fff;border-left:5px solid #838588;text-transform: uppercase;padding-left: 15px;letter-spacing:3px;}

.project-section{background:url(../images/project_bg.jpg) no-repeat center center;background-attachment: fixed;padding-top:60px;background-position: 100% 100%;background-size: cover;}
.project-section h2{font-family: 'Agenda-Medium';font-size: 60px;line-height:40px;color:#838588;border-left:5px solid #838588;text-transform: uppercase;padding-left: 15px;letter-spacing:3px;margin-bottom: 30px;}
.project-section .innerproject{position:relative;padding-top:40px;}
.project-section .innerproject .left-projectSection{margin-left: -32px;padding:2.8% 9.2% 0 9.6%;background:url(../images/laptop.png) no-repeat center center;width: 71%;float:left;background-size: 100% 100%;height: 478px;position: relative;bottom: -30px;}
.project-section .innerproject .left-projectSection .project-slide-section ul li{display: block;overflow: hidden;width: 100%;}
.project-section .innerproject .left-projectSection .project-slide-section ul li img{width: 100%;max-width: 100%;height: auto !important;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;;-o-transition:all 0.5s ease;}


.project-section .innerproject .right-projectSection{width: 30%;float:left;padding-top: 40px;}
.project-section .innerproject .right-projectSection .right-projectdtl-section ul li h2{font-size: 30px;border:0px;line-height:30px;letter-spacing:0px;color:#a1152a;text-transform:capitalize;padding:0;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;;-o-transition:all 0.5s ease;}
.project-section .innerproject .right-projectSection .right-projectdtl-section ul li .project-descp p{font-size:20px;line-height:25px;color:#838588;font-family: 'Agenda-Light';padding:20px 0;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;;-o-transition:all 0.5s ease;}
.project-section .innerproject .right-projectSection .right-projectdtl-section ul li .project-descp a{font-size:20px;color:#a1152a;font-family: 'Agenda-Light';transition:all 0.5s ease;-webkit-transition:all 0.5s ease;;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;;-o-transition:all 0.5s ease;}
.project-section .innerproject .right-projectSection .right-projectdtl-section ul li .project-descp a:hover{color:#5f5f5f;}
.project-section .innerproject .right-projectSection .slideno{z-index: 10;background: #ce1e17;text-align: center;line-height: 49px;width: 50px;height: 50px;color: #fff;font-family:'ALLURA-REGULAR';font-size:20px;position: absolute;right:42px;top:80%;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;;-o-transition:all 0.5s ease;}
.project-section .innerproject .right-projectSection .right-projectdtl-section .flex-direction-nav{position: absolute;right: 19px;top:48%;width: 40px;}
.project-section .innerproject .right-projectSection .right-projectdtl-section .flex-prev{top: 183px;width: 19px;font-size: 0;outline: 0;height: 17px;left:-60px;position: absolute;display: block;background: url(../images/prev_slide.png) no-repeat;}
.project-section .innerproject .right-projectSection .right-projectdtl-section .flex-next{top: 183px;width: 19px;font-size: 0;outline: 0;height: 17px;display: block;position: absolute;right: -3px;background: url(../images/next_slide.png) no-repeat;}

.skillsection .uppersection{width: 100%;float:left;background:#333;padding:40px 30px;}
.skillsection .uppersection .skillcounter{width: auto;float:left;display: inline-block;position: relative;cursor:pointer;}
.skillsection .uppersection .skillcounter.hppyclient{float:right;}
.skillsection .uppersection .skillcounter.hppyclient h2{margin-right: 85px;}
.skillsection .uppersection .skillcounter.hppyclient svg{width: 70px;margin-left: 0;position: absolute;right: 0;}
.skillsection .uppersection .skillcounter h2{font-family: 'Agenda-Medium';font-size: 30px;line-height: 20px;color: #fff;position: relative;display: inline-block;float: left;text-align: right;}
.skillsection .uppersection .skillcounter h2 span{font-size:45px;line-height:50px;}
.skillcounter svg{margin-left:20px;float:left;fill:rgb(255,255,255);transform:rotateY(0deg);-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg);transition:all 0.7s ease;-webkit-transition:all 0.7s ease;-moz-transition:all 0.7s ease;-ms-transition:all 0.7s ease;-o-transition:all 0.7s ease;cursor:pointer;}
.skillcounter:hover svg{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(-80deg);-o-transform:rotateY(180deg);transition:all 0.7s ease;-webkit-transition:all 0.7s ease;-moz-transition:all 0.7s ease;-ms-transition:all 0.7s ease;-o-transition:all 0.7s ease;cursor:pointer;}

.progress-skill{background:url(../images/skills.jpg) no-repeat center top;background-attachment: fixed;padding: 60px 0;}
.progress-skill #skills{margin: 70px 0;position:relative;}
.progress-skill #skills span{top: -35px;left: 2%;position: relative;font-size: 1.4em;font-family: 'Agenda-Light';color: #fff;}
.progress-skill #skills progress{background-color: #f3f3f3;border: 0;height: 2.5em;width: 100%;}
.progress-skill #skills progress::-webkit-progress-bar{background-color: #e0eaf0;}
.progress-skill #skills progress::-webkit-progress-value{background-color: #329ad1;}
.progress-skill #skills progress::-moz-progress-bar{background-color: #329ad1;}
div.dataPercentage{right: 25px !important;position: relative !important;top: -35px !important;color: #333 !important;display: inline-block;float: right;}

.resume-section{background:#010714;padding:60px 0;}
.resume-section h2,.progress-skill h2{position:relative;font-family: 'Agenda-Medium';font-size: 60px;line-height: 40px;color: #fff;border-left: 5px solid #fff;text-transform: uppercase;padding-left: 15px;letter-spacing: 3px;margin-bottom: 30px;}
.star {
  position: absolute;
  background: url(https://dl.dropbox.com/u/1488103/julie-logo-sparkle.png) no-repeat;
  background-size: contain;
  overflow: hidden;
}
.star.star-1 {
  width: 50px;
  height: 34px;
  top: 110px;
  left: 97px;
}
.star.star-2 {
  width: 83px;
  height: 77px;
  top: 18px;
  left: 224px;
}
.star.star-3 {
  width: 74px;
  height: 70px;
  top: 115px;
  left: 172px;
}
.star.star-4 {
  width: 68px;
  height: 70px;
  top: 46px;
  left: 162px;
}

.resume-section .leftresumesection{width:25%;float:left;}
.resume-section .leftresumesection h3{font-family: 'Agenda-Medium';font-size: 30px;line-height: 25px;color: #fff;border-left:2px solid #fff;padding-left:10px;margin-bottom:15px;}
.resume-section .leftresumesection p{font-family: 'Agenda-Medium';font-size: 20px;line-height: 25px;color: #fff;margin-bottom:10px;}
.resume-section .leftresumesection a{cursor: pointer;font-size: 20px;border: 1px solid #fff;border-radius: 5px;padding: 8px 20px;color: #fff;float: left;text-transform: uppercase;text-decoration: none;
transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
.resume-section .leftresumesection a:hover{background:#f8a612;border:1px solid #f47d18;color:#010714;}
.resume-section .rightresumesection{width: 75%;float:right;overflow: hidden;}
.authormap iframe{width:100%;}
.contactus{background:#1a1a1a;padding:50px 0;}
.leftcontactsection{width:50%;float:left;}
.leftcontactsection .imgB{padding:5px;width:auto;float:left;position: relative;}
.leftcontactsection .imgB a{display: block;overflow:hidden;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;}
.leftcontactsection .imgB a img{width: auto;max-width: 100%;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;
transform:scale(1.0);-webkit-transform:scale(1.0);-moz-transform:scale(1.0);-ms-transform:scale(1.0);-o-transform:scale(1.0);}
.leftcontactsection .imgB a:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);}
.owborder{display:block;width:100%;height:100%;position:absolute;left:0;right:0;top:0;bottom:0;}
.owborder:before {content: '';position: absolute;border-top: 1px solid #fff;border-bottom: 1px solid #fff;-webkit-transform: scale(0,1);-moz-transform: scale(0,1);-o-transform: scale(0,1);-ms-transform: scale(0,1);
    transform: scale(0,1);top: -10px;right: -10px;bottom: -10px;left: -10px;opacity: 0;-webkit-transition: opacity 0.35s,-webkit-transform 0.35s;-moz-transition: opacity 0.35s, -moz-transform 0.35s;
    -o-transition: opacity 0.35s, -o-transform 0.35s;-ms-transition: opacity 0.35s, -ms-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
.leftcontactsection .imgB a:hover .owborder:before {opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.owborder:after {content: '';position: absolute;border-left: 1px solid #fff;border-right: 1px solid #fff;-webkit-transform: scale(1,0);
    -moz-transform: scale(1,0);-o-transform: scale(1,0);-ms-transform: scale(1,0);transform: scale(1,0);top: -10px;right: -10px;bottom:-10px;left: -10px;opacity: 0;-webkit-transition: opacity 0.35s,-webkit-transform 0.35s;-moz-transition: opacity 0.35s, -moz-transform 0.35s;
    -o-transition: opacity 0.35s, -o-transform 0.35s;-ms-transition: opacity 0.35s, -ms-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
.leftcontactsection .imgB a:hover .owborder:after {opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.textsection{width: 63%;float: right;padding-left: 20px;}
.textsection p{width:100%;text-align:left;font-size:18px;color:#fff;font-family: 'Agenda-Medium';}
.rightconatctsection{width:50%;float:left;padding-left: 70px;}
.rightconatctsection h2{position:relative;font-family: 'Agenda-Medium';font-size: 40px;line-height: 40px;color: #fff;text-transform: uppercase;padding-bottom:10px;letter-spacing: 3px;margin-bottom: 30px;text-align:left;}
.rightconatctsection h2:after{content: '';position: absolute;width: 100px;height: 3px;background: #a1152a;bottom: 0;left: 0;right: 0;}
.rightconatctsection h3{font-family: 'Agenda-Medium';font-size: 20px;line-height: 30px;color: #fff;text-align: left;}
.rightconatctsection p{font-family: 'Agenda-Medium';font-size: 20px;line-height: 30px;color: #fff;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;}
.rightconatctsection p i{color: #a1152a;padding-right: 10px;}
.rightconatctsection p:hover i{color:#f1576e;cursor:pointer;}
.rightconatctsection p:hover{padding-left:10px;}
.rightconatctsection p.email a,.rightconatctsection p.phone a{font-family: 'Agenda-Medium';font-size: 20px;line-height: 30px;color: #fff;}
.rightconatctsection p:hover a{color:#f1576e;}
.footer-social ul li{display:inline-block;float: left;padding: 4px;}
.footer-social ul li a{width: 40px;height: 40px;float: left;border-radius: 100%;line-height: 40px;background:#a1152a;font-size: 18px;}
.footer-social ul li a i{padding: 10px 13px;color:#1a1a1a;-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;-ms-transition: all 300ms linear;transition: all 300ms linear;}
li.facebook a:hover{background:#3b5998;}
li.facebook a:hover i{color:#fff;}

li.twitter a:hover{background:#32506d;}
li.twitter a:hover i{color:#fff;}

li.google a:hover{background:#dd4b39;}
li.google a:hover i{color:#fff;}

li.linkedin a:hover{background:#00aced;}
li.linkedin a:hover i{color:#fff;}

li.skype a:hover{background:#0095cc;}
li.skype a:hover i{color:#fff;}
.copyright{padding: 20px 0;background: #0b090a;text-align: center;}
.copyright p{color: #fff; font-size: 15px;font-family: 'Agenda-Light';}

.blurry-load-container {
  position: relative;
  overflow: hidden;
}

.blurry-load-container img {
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  transition: opacity 1s linear;
}

.blurry-load-container img.loaded {
  opacity: 1;
}

.blurry-load-container .img-blur {
  filter: none blur(50px);
}