@charset "utf-8";
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,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
font:inherit;
vertical-align:baseline;
}
.bg-overlay{
  background: linear-gradient(90deg, rgba(120, 2, 6, 0.5) 10%, rgba(6, 17, 97, 0.5) 90%) !important;
}

.top{
margin-bottom:20vh;

}
.renksiz{
-webkit-filter:grayscale(100%);
filter: grayscale(1);
-webkit-transition:all .5s ease-in-out;
transition:all .5s ease-in-out;
}
.renksiz:hover{
-webkit-filter:grayscale(0%);
filter: grayscale(0);
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
display:block;
}
ol,ul{
list-style:none;
}
blockquote,q{
quotes:none;
}
blockquote:before,blockquote:after,q:before,q:after{
content:'';
content:none;
}
ins{
text-decoration:none;
}
del{
text-decoration:line-through;
}
table{
border-collapse:collapse;
border-spacing:0;
}
a{
text-decoration:none;
background:transparent;
}
a:focus{
outline:thin dotted;
}
a:hover,a:active{
outline:0;
text-decoration:none;
}
img{
border:0;
}
button,input,select,textarea{
font-family:inherit;
font-size:100%;
margin:0;
max-width:100%;
}
html{
font-family:sans-serif;
font-size:100%;
height:100%;
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
-webkit-font-smoothing:antialiased;
}
img{
max-width:100%;
}
.clearfix:before,.clearfix:after{
content:" ";
display:table;
}
.clearfix:after{
clear:both;
}
.clearfix{
*zoom:1;
}
*{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
}
body{
font-family:'Open Sans',sans-serif;
font-weight:400;
font-size:14px;
word-spacing:normal;
line-height:1.6;
height:100%;
min-height:100%;
color:#333;
background-size:cover;
margin:0;
overflow:hidden;
-webkit-font-smoothing:antialiased;
}
a img{
border:0;
}
a{
color:#999;
text-decoration:none;
}
a:active,a:focus,a:hover{
outline:0;
text-decoration:none;
-webkit-transition:all .3s ease;
-moz-transition:all .3s ease;
-ms-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease;
}
a:hover{
text-decoration:none;
}
img{
border:0;
vertical-align:middle;
-ms-interpolation-mode:bicubic;
}
form{
margin:0;
}
button,input,textarea{
border-radius:0;
font-size:14px;
margin:0;
max-width:100%;
vertical-align:baseline;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
button,input{
line-height:normal;
}
button,input[type="submit"]{
-webkit-appearance:button;
cursor:pointer;
}
textarea{
overflow:auto;
vertical-align:top;
}
.clearfix{
clear:both;
float:none
}
.bg-overlay{
height:100%;
left:0;
position:fixed;
top:0;
width:100%;
z-index:0;
}
.wrapper{
width:100%;
height:100%;
position:relative;
}
section{
overflow:hidden;
padding-bottom:60px;
padding-top:60px;
position:relative;
}
.no-js #preload{
display:none;
}
.kenburnsy{
position:relative;
overflow:hidden;
width:100%;
}
.kenburnsy.fullscreen{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
z-index:0;
}
.kenburnsy img{
display:none;
}
.kenburnsy .slide{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
transform-origin:center;
transform:translateZ(0);
}
.preload *{
-webkit-transition:none!important;
-moz-transition:none!important;
-ms-transition:none!important;
-o-transition:none!important;
transition:none!important;
opacity:0;
}
#preload{
background-color:#f6f6f6;
width:100%;
height:100%;
top:0;
left:0;
position:fixed;
z-index:9999;
}
#preload-content{
width:100px;
height:100px;
margin-left:-50px;
margin-top:-50px;
position:absolute;
left:50%;
top:50%;
z-index:10000;
}
.preload-bounce{
margin:0 auto 15px;
text-align:center;
}
.bounce1,.bounce2,.bounce3,.bounce4{
-webkit-animation-name:pbounce;
-webkit-animation-duration:1.4s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:ease-in-out;
-webkit-animation-fill-mode:both;
-moz-animation-name:pbounce;
-moz-animation-duration:1.4s;
-moz-animation-iteration-count:infinite;
-moz-animation-timing-function:ease-in-out;
-moz-animation-fill-mode:both;
-o-animation-name:pbounce;
-o-animation-duration:1.4s;
-o-animation-iteration-count:infinite;
-o-animation-timing-function:ease-in-out;
animation-name:pbounce;
animation-duration:1.4s;
animation-iteration-count:infinite;
animation-timing-function:ease-in-out;
animation-fill-mode:both;
background:#0095CC;
display:inline-block;
height:15px;
margin:0 3px;
opacity:.6;
width:15px;
}
.bounce1{
-webkit-animation-delay:-.48s;
-moz-animation-delay:-.32s;
-o-animation-delay:-.32s;
animation-delay:-.32s;
}
.bounce2{
-webkit-animation-delay:-.32s;
-moz-animation-delay:-.16s;
-o-animation-delay:-.16s;
animation-delay:-.16s;
}
.bounce3{
-webkit-animation-delay:-.16s;
-moz-animation-delay:-.16s;
-o-animation-delay:-.16s;
animation-delay:-.16s;
}
@-webkit-keyframes pbounce{
0%,80%,100%{
-webkit-transform:scale(0.0);
}
40%{
-webkit-transform:scale(1.0);
}

}
@-moz-keyframes pbounce{
0%,80%,100%{
-moz-transform:scale(0.0);
}
40%{
-moz-transform:scale(1.0);
}

}
@keyframes pbounce{
0%,80%,100%{
transform:scale(0.0);
}
40%{
transform:scale(1.0);
}

}
.button,a.button{
font-family:'Raleway',sans-serif;
background-color:transparent;
border:2px solid #fff;
display:inline-block;
font-size:12px;
font-weight:600;
letter-spacing:1px;
color:#fff;
padding:7px 15px;
text-decoration:none;
text-transform:uppercase;
text-shadow:0 1px 1px rgba(0,0,0,0.3);
transition:all .5s cubic-bezier(0.215,0.61,0.355,1) 0;
}
.button:hover{
border:2px solid;
background:#272328;
color:#fff;
}
.button i{
margin-right:8px;
}
.button i.pull-right{
margin-left:8px!important;
margin-top:3px;
}
.button i.pull-left{
margin-right:8px!important;
margin-top:3px;
}
.button span,a.button span{
display:inline-block;
}
.close-button{
position:absolute;
top:100px;
width:80px;
height:50px;
line-height:50px;
font-size:25px;
text-align:center;
background-color:#fff;
color:#000;
}
.float-left{
left:0;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
border-top-right-radius:5px;
border-bottom-right-radius:5px;
-webkit-box-shadow:3px 3px 6px 0 rgba(0,0,0,0.35);
box-shadow:3px 3px 6px 0 rgba(0,0,0,0.35);
}
.float-right{
right:0;
-webkit-border-top-left-radius:5px;
-webkit-border-bottom-left-radius:5px;
border-top-left-radius:5px;
border-bottom-left-radius:5px;
-webkit-box-shadow:-3px 3px 6px 0 rgba(0,0,0,0.35);
box-shadow:-3px 3px 6px 0 rgba(0,0,0,0.35);
}
.navigation{
-webkit-transition:all .3s ease .3s;
-moz-transition:all .3s ease .3s;
-ms-transition:all .3s ease .3s;
-o-transition:all .3s ease .3s;
transition:all .3s ease .3s;
border:3px solid #fff;
font-size:20px;
line-height:32px;
color:#fff;
z-index:15;
border-radius:3px;
-webkit-border-radius:3px;
margin:20px 10px 0;
padding:5px;
}
.navigation i{
margin-top:6px;
text-align:center;
width:40px;
}
.header-bar{
position:fixed;

}
.header-top{
top:0;
z-index:2;
}
.header-bottom{
bottom:0;
z-index:2;
}
.header-top{
width:100%;
height: 133px !important;
}
.header-bottom{
width:100%;
height:0;
padding:0 35px;
background:rgba(0,0,0,0.3);
-webkit-transition:all .8s ease 0;
-moz-transition:all .8s ease 0;
-ms-transition:all .8s ease 0;
-o-transition:all .8s ease 0;
transition:all .8s ease 0;
}
header .logo img{
max-height:100px;
}
header .logo{
-ms-transform:translateX(-50%) translateY(-50%);
-webkit-transform:translateX(-50%) translateY(-50%);
-moz-transform:translateX(-50%) translateY(-50%);
transform:translateX(-50%) translateY(-50%);
position:absolute;
top:50%;
left:50%;
z-index:10;
opacity:0;
}
h1,h2,h3,h4,h5{
font-family:'Raleway',sans-serif;
font-weight:400;
line-height:1.1;
margin:0 0 30px;
}
h4,h5{
line-height:1.6;
margin-bottom:20px;
}
h1{
font-size:44px;
}
h2{
font-size:36px;
}
h3{
font-size:30px;
}
h4{
font-size:24px;
}
h5{
font-size:18px;
}
h6{
font-size:16px;
}
b,strong,h1 .text-hlite,h2 .text-hlite,h3 .text-hlite{
font-weight:900;
}
i,em{
font-style:italic;
}
p{
margin:0 0 28px;
}
ul,ol{
margin:0 0 28px;
padding:0 0 0 24px;
}
ul{
list-style:disc;
}
ol{
list-style:decimal;
}
blockquote,q{
quotes:none;
}
blockquote:before,blockquote:after,q:before,q:after{
content:"";
content:none;
}
.weight-300{
font-weight:300;
}
.uppercase{
text-transform:uppercase;
}
.text-shadow{
text-shadow:1px 2px 2px rgba(0,0,0,0.25);
}
hr{
background-image:linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,0.9),rgba(255,255,255,0));
border:0 none;
height:2px;
margin:40px 0;
}
.hr-mid:before{
left:50%;
margin-left:-45px;
}
.hr-left:before{
left:0;
}
.hr-right:before{
right:0;
}
.hr-mid,.hr-left,.hr-right{
display:block;
padding-bottom:10px;
position:relative;
}
h3.hr-mid,h3.hr-left,h3.hr-right{
margin-top:20px;
}
.hr-mid:before{
border-bottom:3px solid rgba(255,255,255,1);
bottom:-10px;
content:"";
position:absolute;
width:90px;
}
.hr-left:before,.hr-right:before{
border-bottom:3px solid rgba(255,255,255,1);
bottom:0;
content:"";
position:absolute;
width:50px;
}
h1.hr-mid:before,h1.hr-left:before,h1.hr-right:before{
border-bottom:4px solid rgba(255,255,255,1);
width:90px;
}
.section-light .hr-mid:before,.section-light .hr-left:before,.section-light .hr-right:before{
border-color:gray;
}
.section-dark .hr-mid:before,.section-dark .hr-left:before,.section-dark .hr-right:before{
border-color:#f6f6f6;
}
.content-message{
font-size:18px;
text-transform:uppercase;
font-weight:400;
margin:10px 0 0;
color:#fff;
text-align:center;
}
.content-message i{
color:#fff;
}
.back-light{
background:rgba(255,255,255,0.6);
margin-bottom:20px;
}
.intro{
color:#FFF;
margin:0;
left:50%;
-moz-transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-o-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translateX(-50%);
width:80%;
text-align:center;
position:absolute;
}
.herotext{
color:#FFF;
margin:0;
}
.herotext h1{
position:relative;
font-size:80px;
line-height:.9;
letter-spacing:-1px;
font-weight:400;
text-align:center;
color:#fff;
width:100%;
margin-bottom:30px;
margin-top:0;
text-shadow:0 4px 2px rgba(0,0,0,0.25);
}
.herotext h1 span.text-hlite{
letter-spacing:2px;
font-weight:900;
}
.herotext h4{
font-family:'Open Sans',sans-serif;
font-size:21px;
display:inline-block;
letter-spacing:4px;
font-weight:300;
color:#fff;
padding:8px 10px;
margin:0 0 30px;
}
.tooltip-inner{
background-color:transparent;
border:2px solid #fff;
color:#fff;
}
.tooltip.top .tooltip-arrow,.tooltip.left .tooltip-arrow,.tooltip.right .tooltip-arrow{
border-color:transparent;
}
#rotate{
margin:0;
padding-bottom:10px;
}
.swiper-slide h2{
line-height:1.1;
margin:0 0 30px;
text-transform:uppercase;
letter-spacing:-1px;
color:#FFF;
text-align:center;
}
.new-line{
margin-top:60px;
}
.bottom-nav{
width:auto;
height:50px;
margin:0 auto 20px;
text-align:right;
}
.padTop-40{
padding-top:40px;
}
.padTop-20{
padding-top:20px;
}
.top-slide{
height:100%;
}
.swiper-container{
height:100%;
width:100%;
left:0;
top:0;
position:relative;
z-index:1;
}
.swiper-container .content{
padding:150px 0 100px;
}
.swiper-container .slide-content{
color:#fff;
width:100%;
position:relative;
}
.valign{
position:relative;
top:50%;
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);
}
.txtLight{
color:#fff;
}
.txtDark{
color:#222;
}
.section-light{
background-color:rgba(255,255,255,0.8);
border-top:4px solid rgba(0,0,0,0.1);
}
.section-light i{
color:gray;
}
.section-dark{
background-color:rgba(0,0,0,0.8);
border-top:4px solid rgba(255,255,255,0.1);
}
.txtLight p,.section-dark i{
color:#fff;
}
.section-light h3{
margin-top:0;
}
.innerSection{
display:none;
opacity:0;
}
.img-polaroid{
border:12px solid #fff;
box-shadow:3px 5px 8px rgba(0,0,0,0.5);
max-width:94%;
-webkit-transform:rotate(-5deg);
-ms-transform:rotate(-5deg);
-o-transform:rotate(-5deg);
-moz-transform:rotate(-5deg);
transform:rotate(-5deg);
}
.feature-box-container{
margin:0;
}
.feature-box-container:last-child{
margin-bottom:0;
}
.feature-box,.feature-box .icon i{
text-align:center;
-webkit-transition:all 600ms linear 0;
-moz-transition:all 600ms linear 0;
-ms-transition:all 600ms linear 0;
-o-transition:all 600ms linear 0;
transition:all 600ms linear 0;
}
.feature-box:hover{
background:rgba(30,30,30,0.6);
}
.feature-box .icon{
background:#bbbcbc;
color:#fff;
height:55px;
margin:35px auto 20px;
position:relative;
width:100px;
}
.feature-box:hover > .icon i{
-moz-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-o-transform:rotate(360deg);
-ms-transform:rotate(360deg);
transform:rotate(360deg);
}
.feature-box .icon:before{
border-bottom:25px solid #bbbcbc;
border-left:50px solid transparent;
border-right:50px solid transparent;
content:"";
height:0;
left:0;
position:absolute;
top:-25px;
width:0;
}
.feature-box .icon:after{
border-left:50px solid transparent;
border-right:50px solid transparent;
border-top:25px solid #bbbcbc;
bottom:-25px;
content:"";
height:0;
left:0;
position:absolute;
width:0;
}
.feature-box .icon i{
display:block;
font-size:45px;
padding-top:5px;
text-shadow:0 -1px 2px rgba(0,0,0,0.35);
}
.feature-box .description{
padding:20px 15px 10px;
}
ul.list_icon{
margin:0 0 30px;
padding:0;
}
ul.list_icon li{
list-style-type:none;
margin:0 0 5px;
padding:0;
}
ul.list_icon li i{
padding-right:10px;
}
.about-text{
display:block;
font-family:Georgia,Times,"Times New Roman",serif;
font-size:22px;
font-style:italic;
font-weight:400;
line-height:31px;
margin:40px auto 10px;
text-align:center;
width:90%;
}
.author-name{
color:rgba(255,255,255,0.8);
font-weight:400;
padding-bottom:2px;
padding-top:5px;
text-align:center;
text-transform:uppercase;
}
.small-divider{
background:#fff;
height:2px;
margin:20px auto 35px;
width:40px;
display:block;
}
ul.countdown{
width:100%;
list-style:none;
margin:35px 0 20px;
padding:0;
display:block;
text-align:center;
}
ul.countdown li{
display:inline-block;
margin:0 5px 5px 0;
width:150px;
height:150px;
}
ul.countdown li span{
display:block;
font-size:48px;
font-weight:700;
color:#fff;
margin-bottom:15px;
text-shadow:0 2px 4px rgba(0,0,0,0.3);
}
ul.countdown li p{
font-size:13px;
line-height:26px;
position:relative;
color:#fff;
text-transform:lowercase;
background:rgba(255,255,255,0.1);
-webkit-border-top-right-radius:10px;
-webkit-border-top-left-radius:10px;
border-top-right-radius:10px;
border-top-left-radius:10px;
border-bottom:2px solid rgba(255,255,255,0.3);
}
ul.countdown li p:after{
bottom:100%;
left:50%;
border:solid transparent;
content:" ";
height:0;
width:0;
position:absolute;
pointer-events:none;
border-bottom-color:rgba(255,255,255,0.2);
border-width:8px;
margin-left:-8px;
}
input[type="text"],input[type="email"],input[type="password"],textarea{
font-family:Arial,sans-serif;
background-color:transparent;
border-width:1px;
border-style:solid;
border-color:#fff;
color:#fff;
font-family:inherit;
font-size:12px;
padding:7px 10px;
margin:0 0 8px;
-webkit-transition:all .7s ease 0;
-moz-transition:all .7s ease 0;
-ms-transition:all .7s ease 0;
-o-transition:all .7s ease 0;
transition:all .7s ease 0;
width:100%;
}
input::-webkit-input-placeholder,input:-moz-placeholder,input::-moz-placeholder,input:-ms-input-placeholder{
color:#fff;
}
textarea#message{
height:110px;
}
.antispam{
display:none;
}
i.icon-border{
background:transparent;
border-bottom:3px solid #fff;
color:#fff;
border-radius:3px;
-webkit-border-radius:3px;
display:inline-block;
font-size:24px;
width:30px;
margin-bottom:8px;
padding-bottom:8px;
text-align:center;
}
.form-group{
margin-bottom:0;
}
.error{
-webkit-transition:all .5s ease 0;
-moz-transition:all .5s ease 0;
-ms-transition:all .5s ease 0;
-o-transition:all .5s ease 0;
transition:all .5s ease 0;
float:right;
margin:-30px 4px 0 0;
position:relative;
top:0;
}
.error i{
margin:0;
padding:0;
}
.error i:before{
color:red;
content:"\f071";
font-family:FontAwesome;
font-size:14px;
margin-right:10px;
vertical-align:top;
width:14px!important;
height:14px!important;
}
.subcribe{
max-width:300px;
margin:-10px auto 40px;
position:relative;
}
.subcribe fieldset{
border:1px solid #fff;
background:none!important;
position:relative;
z-index:1;
}
.subscribeForm input.inputForm{
width:80%;
float:left;
height:40px;
border:none;
outline:none;
background:none;
padding:8px;
margin-bottom:0;
letter-spacing:1px;
color:#fff;
font-size:12px;
line-height:22px;
}
.subscribeForm #subscribe_submit{
background:rgba(0,0,0,0);
border:none;
border-left:1px solid rgba(255,255,255,0.75);
width:50px;
float:right;
height:40px;
cursor:pointer;
margin:0;
letter-spacing:1px;
font-size:16px;
color:#fff;
text-align:center;
}
.subscribeForm #subscribe_submit:hover{
color:#fff;
}
i.icon{
width:25px;
}
#map_canvas{
width:100%;
height:300px;
z-index:0;
position:relative;
display:block;
}
#map_canvas:before{
background:none repeat scroll 0 0 rgba(0,0,0,0.2);
content:"";
height:6px;
position:absolute;
top:0;
width:100%;
z-index:10;
}
#map_canvas:after{
background:none repeat scroll 0 0 rgba(0,0,0,0.2);
content:"";
height:6px;
position:absolute;
bottom:0;
width:100%;
z-index:10;
}
.footer-part{
position:relative;
z-index:10;
margin-top:21px;
}
.copyright,.copyright a{
font-size:12px;
color:#fff;
margin-top:9px;
}
.left-part{
width:100%;
float:left;
}
.right-part{
width:50%;
float:left;
}
.social{
padding:0;
margin:0;
text-align:right;
}
.social a{
background:#272328;
border-radius:3px;
-webkit-border-radius:3px;
color:#fff;
display:inline-block;
font-size:16px;
height:30px;
width:30px;
margin-left:4px;
text-align:center;
-webkit-transition:all 300ms ease-in-out 0;
-moz-transition:all 300ms ease-in-out 0;
-ms-transition:all 300ms ease-in-out 0;
-o-transition:all 300ms ease-in-out 0;
transition:all 300ms ease-in-out 0;
}
.social i{
position:relative;
top:4px;
}
.social a:hover{
background:#fff;
color:#222;
box-shadow:0 0 0 2px rgba(255,255,255,0.3);
}
.social a:hover i{
-webkit-animation:toTopFromBottom .3s forwards;
-moz-animation:toTopFromBottom .3s forwards;
animation:toTopFromBottom .3s forwards;
}
@-webkit-keyframes toTopFromBottom{
49%{
-webkit-transform:translateY(-100%);
}
50%{
opacity:0;
-webkit-transform:translateY(100%);
}
51%{
opacity:1;
}

}
@-moz-keyframes toTopFromBottom{
49%{
-moz-transform:translateY(-100%);
}
50%{
opacity:0;
-moz-transform:translateY(100%);
}
51%{
opacity:1
}

}
@keyframes toTopFromBottom{
49%{
transform:translateY(-100%);
}
50%{
opacity:0;
transform:translateY(100%);
}
51%{
opacity:1;
}

}
.animated{
-webkit-animation-duration:1s;
animation-duration:1s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
}
@-webkit-keyframes fadeIn{
0%{
opacity:0;
}
100%{
opacity:1;
}

}
@keyframes fadeIn{
0%{
opacity:0;
}
100%{
opacity:1;
}

}
.fadeIn{
-webkit-animation-name:fadeIn;
animation-name:fadeIn;
}
@-webkit-keyframes fadeInUp{
0%{
opacity:0;
-webkit-transform:translateY(40px);
transform:translateY(40px);
}
100%{
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0);
}

}
@keyframes fadeInUp{
0%{
opacity:0;
-webkit-transform:translateY(40px);
-ms-transform:translateY(40px);
transform:translateY(40px);
}
100%{
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0);
}

}
.fadeInUp{
-webkit-animation-name:fadeInUp;
animation-name:fadeInUp;
}
@-webkit-keyframes fadeInDown{
0%{
opacity:0;
-webkit-transform:translateY(-40px);
transform:translateY(-40px);
}
100%{
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0);
}

}
@keyframes fadeInDown{
0%{
opacity:0;
-webkit-transform:translateY(-40px);
-ms-transform:translateY(-40px);
transform:translateY(-40px);
}
100%{
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0);
}

}
.fadeInDown{
-webkit-animation-name:fadeInDown;
animation-name:fadeInDown;
}
@-webkit-keyframes fadeOut{
0%{
opacity:1;
}
100%{
opacity:0;
}

}
@keyframes fadeOut{
0%{
opacity:1;
}
100%{
opacity:0;
}

}
.fadeOut{
-webkit-animation-name:fadeOut;
animation-name:fadeOut;
}
@-webkit-keyframes fadeOutDown{
0%{
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0);
}
100%{
opacity:0;
-webkit-transform:translateY(40px);
transform:translateY(40px);
}

}
@keyframes fadeOutDown{
0%{
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0);
}
100%{
opacity:0;
-webkit-transform:translateY(40px);
-ms-transform:translateY(40px);
transform:translateY(40px);
}

}
.fadeOutDown{
-webkit-animation-name:fadeOutDown;
animation-name:fadeOutDown;
}
@-webkit-keyframes fadeOutUp{
0%{
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0);
}
100%{
opacity:0;
-webkit-transform:translateY(-40px);
transform:translateY(-40px);
}

}
@keyframes fadeOutUp{
0%{
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0);
}
100%{
opacity:0;
-webkit-transform:translateY(-40px);
-ms-transform:translateY(-40px);
transform:translateY(-40px);
}

}
.fadeOutUp{
-webkit-animation-name:fadeOutUp;
animation-name:fadeOutUp;
}
@media only screen and (max-width: 1123px){
.herotext h1{
font-size:70px;
letter-spacing:1px;
}

}
@media only screen and (max-width: 767px){
.herotext h1{
font-size:50px;
}
h1{
font-size:34px;
}
h2{
font-size:28px;
}
h3{
font-size:24px;
}
h4{
font-size:16px;
}
.herotext h4{
font-size:18px;
letter-spacing:2px;
}
.footer-part{
margin-top:3px!important;
}
.copyright{
font-size:11px!important;
margin-bottom:5px;
margin-top:3px;
}
.social{
text-align:center;
}
.left-part{
width:100%!important;
text-align:center;
}
.right-part{
width:100%!important;
text-align:center;
}
ul.countdown li{
width:100px;
height:100px;
}
ul.countdown li span{
font-size:40px;
margin-bottom:12px;
}

}
@media only screen and (max-width: 500px){
body{
font-size:14px;
}
.intro{
width:96%;
}
.herotext h1{
font-size:40px;
letter-spacing:0;
margin-bottom:15px;
}
.herotext h4{
font-size:12px;
display:inline-block;
letter-spacing:0;
margin-bottom:15px;
border-bottom:2px solid;
}
.header-bottom{
padding:0;
}
ul.countdown li{
width:60px;
height:70px;
}
ul.countdown li span{
font-size:24px;
margin-bottom:6px;
}
ul.countdown li p{
font-size:12px;
line-height:26px;
}
ul.countdown li p:after{
border-width:6px;
margin-left:-6px;
}

}
.bounce1,.bounce2,.bounce3,.bounce4{
background:#9AA9CA;
}
.button:hover{
background:#9AA9CA;
border-color:#9AA9CA;
}
.skillBar li span{
background-color:#9AA9CA;
}
.text-hlite,.close-button:hover{
color:#9AA9CA;
}
.social a{
background:#9AA9CA;
}
.navigation:hover{
background-color:#9AA9CA;
border-color:#9AA9CA;
color:#fff;
}
.feature-box .icon{
background:#9AA9CA;
}
.feature-box .icon:before{
border-bottom-color:#9AA9CA;
}
.feature-box .icon:after{
border-top-color:#9AA9CA;
}