@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600|Roboto:400,500,700);
body,html{
    height:100%;
    font-size:14px;
    color:#676767;
    font-family:'Quantico', sans-serif;
    vertical-align:baseline;
    line-height:26px;
    font-weight:400
}
.floatleft{
    float:left
}
.floatright{
    float:right
}
.alignleft{
    float:left;
    margin-right:15px;
    margin-bottom:26px
}
.alignright{
    float:right;
    margin-left:15px;
    margin-bottom:26px
}
.aligncenter{
    display:block;
    margin:0 auto 26px
}
a:focus{
    outline:solid 0
}
img{
    max-width:100%;
    height:auto
}
.fix{
    overflow:hidden
}
p{
    margin:0 0 26px;
	text-align: justify;
}
h1,h2,h3,h4,h5,h6{
    margin:0 0 26px;
    font-weight:600;
    font-family:'Quantico', sans-serif
}
a{
    transition:all .5s ease 0s;
    text-decoration:none
}
a:hover{
    text-decoration:none
}
a:active,a:hover{
    outline:0;
    color:#b52929
}
ul{
    list-style:none none;
    margin:0;
    padding:0
}
.clear{
    clear:both
}
::-moz-selection{
    background:#0084ff;
    text-shadow:none;
    color:#fff
}
::selection{
    background:#0084ff;
    text-shadow:none;
    color:#fff
}
.browserupgrade{
    margin:26px 0;
    background:#0084ff;
    color:#333;
    padding:26px 0
}
.acurate{
    margin:0;
    padding:0
}
.padding{
    padding:30px
}
.padding-top{
    padding-top:30px
}
.padding-bottom{
    padding-bottom:30px
}
.padding1{
    padding:60px
}
.padding-top1{
    padding-top:60px
}
.padding-bottom1{
    padding-bottom:60px
}
.mean-container .mean-nav{
    position:absolute;
    top:100%
}
.section-title{
    text-align:center
}
.section-title h2{
    font-size:36px;
    color: #696969;
    text-transform:uppercase;
    margin-bottom:25px;
    position:relative;
    padding-bottom:25px
}
.section-title h2:after{
    position:absolute;
    left:0;
    right:0;
    text-align:center;
    width:60px;
    height:2px;
    content:"";
    bottom:0;
    margin:auto;
    background:#696969
}
.section-title h2:before{
    position:absolute;
    left:0;
    right:0;
    text-align:center;
    width:40px;
    height:2px;
    content:"";
    bottom:5px;
    margin:auto;
    background:#696969
}
.section-title h2 span{
    color:#0084ff;
    font-weight:400
}
.section-title img{
    margin-bottom:50px;
    display:none
}
.section-title p{
    padding:0 150px;
    margin-bottom:30px
}
.view-more{
    display:block;
    width:100%;
    text-align:center;
    margin:auto
}
.view-more a{
    margin-top:30px;
    display:inline-block;
    border:1px solid #0084ff;
    background:#0084ff;
    color:#fff;
    font-size:16px;
    transition:all .5s ease 0s;
    border-radius:0;
    padding:10px 18px
}
.view-more a:hover{
    border:1px solid #b52929;
    background:#b52929;
    color:#fff
}
.tablate{
    display:none
}
.header-top-area{
    background:#6d6d6d;
    padding:5px 0
}
.header-top-area .header-top-left ul{
    margin:0;
    padding:0;
    list-style:none
}
.header-top-area .header-top-left ul li{
    display:inline-block;
    margin-right:25px;
    color:#444
}
.header-top-area .header-top-left ul li:last-child{
    /*display:none*/
}
.header-top-area .header-top-left ul li i{
    font-weight:600;
    font-size:14px;
    margin-right:10px;
    color:#ffffff
}
.header-top-area .header-top-left ul li a{
    transition:all .5s ease 0s;
    color:#fff
}
.header-top-area .header-top-left ul li a:hover{
    color:#0084ff
}
.header-top-area .header-top-right ul{
    margin:0;
    padding:0;
    list-style:none
}
.header-top-area .header-top-right ul li{
    display:inline-block
}
.header-top-area .header-top-right ul li a{
    color:#444;
    transition:all .5s ease 0s
}
.header-top-area .header-top-right ul li a:hover{
    color:#0084ff
}
.header-top-area .header-top-right ul li i{
    font-weight:600;
    font-size:14px;
    margin-right:10px;
    color:#0084ff
}
.header-top-area .social-media-area ul{
    text-align:right
}
.header-top-area .social-media-area ul li{
    display:inline-block;
    margin:2px
}
.header-top-area .social-media-area ul li a{
    display:block;
    width:20px;
    height:20px;
    line-height:20px;
    color:#fff;
    transition:all .5s ease 0s;
    text-decoration:none;
    text-align:center
}
.header-top-area .social-media-area ul li a:hover{
    color:#b52929;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%
}
.header-top-area .social-media-area ul li a i{
    text-align:center;
    display:inline-block
}
.header-middle-area{
    background:#fff;
    position:absolute;
    height:80px;
    left:0;
    right:0;
    width:100%;
    z-index:99;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.header-middle-area .logo-area{
    /*padding:10px 0*/
}
.header-middle-area .logo-area a{
    font-weight:900;
    font-size:27px;
    color:#0084ff;
    /*padding-top:9px;
    */
    display:block;
    text-transform:lowercase
}
.header-middle-area .logo-area a img{
    display:inline-block
}
.header-middle-area .main-menu ul{
    margin:0;
    padding:0;
    text-align:center
}
.header-middle-area .main-menu ul li{
    display:inline-block;
    padding:20px 5px;
    position:relative
}
.header-middle-area .main-menu ul li a{
    display:block;
    text-decoration:none;
    color:#444;
    font-weight:500;
    transition:all .5s ease 0s;
    font-family:'Quantico', sans-serif
}
.header-middle-area .main-menu ul li a i{
    margin-left:10px;
    color:#444
}
.header-middle-area .main-menu ul li.active a{
    color:#0084ff
}
.header-middle-area .main-menu ul li.active a i{
    margin-left:10px;
    color:#0084ff
}
.header-middle-area .main-menu ul li.active a:hover a{
    color:#0084ff
}
.header-middle-area .main-menu ul li.active a:hover a i{
    margin-left:10px;
    color:#0084ff
}
.header-middle-area .main-menu ul li:hover a{
    color:#0084ff
}
.header-middle-area .main-menu ul li:hover a i{
    margin-left:10px;
    color:#0084ff
}
.header-middle-area .main-menu ul li ul{
    background:#fff;
    left:0;
    opacity:0;
    position:absolute;
    top:100%;
    transform:scaleY(0);
    transform-origin:0 0 0;
    transition:all .5s ease 0s;
    width:200px;
    z-index:99999!important;
    text-align:left;
    visibility:hidden
}
.header-middle-area .main-menu ul li ul li{
    display:block;
    border-top:1px dashed #ddd;
    margin:0;
    padding:0;
    border-right:0 solid transparent
}
.header-middle-area .main-menu ul li ul li:last-child{
    border-bottom:0
}
.header-middle-area .main-menu ul li ul li a{
    display:block;
    padding:6px 20px;
    text-transform:none;
    transition:all .5s ease 0s;
    color:#444!important;
    font-family:'Quantico', sans-serif;
    font-weight:300
}
.header-middle-area .main-menu ul li ul li a:hover{
    padding-left:30px;
    color:#0084ff!important
}
.header-middle-area .main-menu ul li:hover ul{
    opacity:1;
    transform:scaleY(1);
    visibility:visible
}
.header-middle-area .cart-area{
    transition:all .5s ease 0s;
    margin-right:20px;
    text-align:right
}
.header-middle-area .cart-area a{
    padding:25px 0;
    display:block;
    transition:all .5s ease 0s;
    position:relative
}
.header-middle-area .cart-area a span{
    position:absolute;
    right:-15px;
    top:10px;
    color:#fff;
    width:30px;
    height:30px;
    background:#0084ff;
    text-align:center;
    border-radius:50%
}
.header-middle-area .cart-area a:hover,.header-middle-area .cart-area a:hover i{
    color:#0084ff
}
.header-middle-area .cart-area a i{
    text-align:center;
    font-weight:700;
    font-size:20px;
    color:#444
}
.header-middle-area.stick{
    background:#fff;
    position:fixed!important;
    top:0;
    z-index:9999;
    margin:0 auto!important;
    padding:0;
    left:0;
    right:0;
    -webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.2);
    box-shadow:0 0 5px 0 rgba(0,0,0,.2);
    -webkit-animation-duration:.5s;
    animation-duration:.5s;
    -webkit-animation-name:sticky-animation;
    animation-name:sticky-animation;
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.header-middle-area.stick .main-menu ul li a,.header-middle-area.stick .menuright ul li a{
    color:#444
}
.mobile-menu-area{
    display:none
}
@-webkit-keyframes sticky-animation{
    0%{
        opacity:0;
        -webkit-transform:translateY(-100%)
    }
    100%{
        opacity:1;
        -webkit-transform:translateY(0)
    }
}
@keyframes sticky-animation{
    0%{
        opacity:0;
        transform:translateY(-100%)
    }
    100%{
        opacity:1;
        transform:translateY(0)
    }
}
.slide-menu-area{
    background:rgba(211,47,47,.9);
    width:0;
    height:100vh;
    position:fixed;
    right:-360px;
    top:0;
    padding:200px 30px;
    transition:all .5s ease 0s;
    opacity:0;
    visibility:hidden
}
.slide-menu-area .close{
    position:absolute;
    left:0;
    top:0;
    color:#fff;
    opacity:1;
    padding:10px
}
.slide-menu-area .close i{
    color:#fff;
    font-size:20px;
    cursor:pointer;
    transition:all .5s ease 0s
}
.slide-menu-area .close i:hover{
    color:#222
}
.slide-menu-area.highlight{
    right:0;
    opacity:1;
    width:300px;
    visibility:visible;
    z-index:999
}
.slide-menu-area h3{
    color:#fff;
    font-weight:600;
    position:relative
}
.slide-menu-area h3:after{
    position:absolute;
    content:"";
    top:30px;
    left:0;
    width:60px;
    height:2px;
    font-style:normal;
    background:#fff
}
.slide-menu-area ul{
    text-align:left;
    transition:all .5s ease 0s;
    margin:0;
    padding:0
}
.slide-menu-area ul li{
    display:block;
    position:relative;
    font-size:14px;
    color:#fff;
    margin-right:30px;
    padding:10px 0
}
.slide-menu-area ul li:last-child{
    margin-right:0
}
.slide-menu-area ul li span{
    font-weight:600;
    color:#fff;
    padding:0 1px
}
.slide-menu-area ul li span i{
    margin-left:50px
}
.slide-menu-area ul li a{
    display:block;
    color:#fff;
    transition:all .5s ease 0s
}
.slide-menu-area ul li a:hover{
    color:#ddd
}
.slide-menu-area ul li i{
    color:#fff;
    margin-right:10px;
    font-size:12px
}
.slide-menu-area .footer-social-media-area ul{
    text-align:left
}
.slide-menu-area .footer-social-media-area ul li{
    display:inline-block;
    margin:2px
}
.slide-menu-area .footer-social-media-area ul li a{
    display:block;
    width:30px;
    height:30px;
    line-height:28px;
    color:#ddd;
    background:#000;
    border:1px solid #0084ff;
    transition:all .5s ease 0s;
    text-decoration:none;
    text-align:right
}
.slide-menu-area .footer-social-media-area ul li a:hover{
    background:#b52929;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border:1px solid #b52929
}
.slide-menu-area .footer-social-media-area ul li a i{
    text-align:center;
    display:inline-block
}
.slider-area .carousel .carousel-indicators li{
    background:#fff;
    border:1px solid #0084ff
}
.slider-area .carousel .carousel-indicators li.active{
    background:#0084ff;
    border:1px solid #0084ff
}
.slider-area .carousel .carousel-inner .item.active img{
    width:100%
}
.slider-area .carousel .carousel-inner .item.active .carousel-caption{
    right:0!important;
    padding-bottom:0;
    top:30%;
    position:absolute
}
.slider-area .carousel .carousel-inner .item.active .carousel-caption ul{
    margin:0;
    padding:0;
    list-style:none
}
.slider-area .carousel .carousel-inner .item.active .carousel-caption ul li{
    position:relative
}
.slider-area .carousel .carousel-inner .item.active .carousel-caption ul li .slider-content{
    width:600px;
    position:absolute;
    display:table;
    vertical-align:middle;
    text-align:right;
    left:35%
}
.slider-area .carousel .carousel-inner .item.active .carousel-caption ul li .slider-content h2{
    font-size:36px;
    text-transform:uppercase;
    color:#fff;
    font-weight:600;
    -webkit-animation:bounceInUp 1000ms ease-in-out;
    -moz-animation:bounceInUp 1000ms ease-in-out;
    -ms-animation:bounceInUp 1000ms ease-in-out;
    animation:bounceInUp 1000ms ease-in-out
}
.slider-area .carousel .carousel-inner .item.active .carousel-caption ul li .slider-content h2 span{
    color:#fff;
    font-weight:400
}
.slider-area .carousel .carousel-inner .item.active .carousel-caption ul li .slider-content p{
    line-height:28px;
    -webkit-animation:zoomIn 500ms ease-in-out;
    -moz-animation:zoomIn 500ms ease-in-out;
    -ms-animation:zoomIn 500ms ease-in-out;
    animation:zoomIn 500ms ease-in-out
}
.slider-area .carousel .carousel-inner .item.active .carousel-caption ul li .slider-content .button-area{
    -webkit-animation:bounceInDown 2500ms ease-in-out;
    -moz-animation:bounceInDown 2500ms ease-in-out;
    -ms-animation:bounceInDown 2500ms ease-in-out;
    animation:bounceInDown 2500ms ease-in-out
}
.slider-area .carousel .carousel-inner .item.active .carousel-caption ul li .slider-content .button-area ul{
    margin:0;
    padding:0;
    list-style:none
}
.slider-area .carousel .carousel-inner .item.active .carousel-caption ul li .slider-content .button-area ul li{
    display:inline-block;
    margin-right:30px
}
.slider-area .carousel .carousel-inner .item.active .carousel-caption ul li .slider-content .button-area ul li:first-child a{
    border:1px solid #0084ff;
    background:#0084ff;
    color:#fff;
    -webkit-animation:bounceInDown 2500ms ease-in-out;
    -moz-animation:bounceInDown 2500ms ease-in-out;
    -ms-animation:bounceInDown 2500ms ease-in-out;
    animation:bounceInDown 2500ms ease-in-out
}
.slider-area .carousel .carousel-inner .item.active .carousel-caption ul li .slider-content .button-area ul li:first-child a:hover{
    border:1px solid #b52929!important;
    background:#b52929!important
}
.slider-area .carousel .carousel-inner .item.active .carousel-caption ul li .slider-content .button-area ul li:last-child{
    margin-right:0
}
.slider-area .carousel .carousel-inner .item.active .carousel-caption ul li .slider-content .button-area ul li a{
    display:block;
    border:1px solid #fff;
    background:#fff;
    font-size:16px;
    color:#444;
    transition:all .5s ease 0s;
    border-radius:0;
    padding:10px 18px
}
.slider-area .carousel .carousel-inner .item.active .carousel-caption ul li .slider-content .button-area ul li a:hover{
    border:1px solid #0084ff;
    background:#0084ff;
    color:#444
}
.slider-area .slider-1 h1{
    font-size:40px;
    color:white;
    -webkit-text-stroke: 0.5px #424040;
    line-height:1.55;
    letter-spacing:0;
    margin:15px 0 0;
    font-weight:700
}
.slider-area .slider-1 h1 span{
    color:#fff
}
.slider-area .slider-1 div.title2{
    font-size:16px;
    color:black;
    padding:0 20%;
    font-weight:bold;
    line-height:1.6
}
.slider-area .slider-1 div.slider-botton{
    display:block;
    margin-top:50px
}
.slider-area .slider-1 div.slider-botton ul li{
    display:inline-block;
    margin-right:10px
}
.slider-area .slider-1 div.slider-botton ul li.acitve a{
    display:block;
    padding:17px 40px;
    color:#fff;
    transition:all .5s ease 0s;
    background:#6d6d6d;
    border:1px solid #6d6d6d;
    font-weight:700;
    text-transform:uppercase;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    -webkit-animation:bounceInDown 2500ms ease-in-out;
    -moz-animation:bounceInDown 2500ms ease-in-out;
    -ms-animation:bounceInDown 2500ms ease-in-out;
    animation:bounceInDown 2500ms ease-in-out
}
.slider-area .slider-1 div.slider-botton ul li.acitve a i{
    margin-left:10px
}
.slider-area .slider-1 div.slider-botton ul li.acitve a:hover{
    border:1px solid #b52929!important;
    background:#b52929!important
}
.slider-area .slider-1 div.slider-botton ul li a{
    display:block;
    padding:17px 40px;
    color:#444;
    border:1px solid #fff;
    transition:all .5s ease 0s;
    font-weight:700;
    text-transform:uppercase;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    background:#fff
}
.slider-area .slider-1 div.slider-botton ul li a i{
    margin-left:10px
}
.slider-area .slider-1 div.slider-botton ul li a:hover{
    background:#0084ff;
    border:1px solid #0084ff;
    color:#fff
}
.slider-area .slider-2 h1{
    font-size:72px;
    color:#fff;
    line-height:1.55;
    letter-spacing:0;
    margin:15px 0 0;
    font-weight:700
}
.slider-area .slider-2 h1 span{
    color:#fff
}
.slider-area .slider-2 div.title2{
    font-size:16px;
    color:#ddd;
    padding:0 25%;
    font-weight:400;
    line-height:1.6
}
.slider-area .slider-2 div.slider-botton{
    display:block;
    margin-top:50px
}
.slider-area .slider-2 div.slider-botton ul li{
    display:inline-block;
    margin-right:10px
}
.slider-area .slider-2 div.slider-botton ul li.acitve a{
    display:block;
    padding:17px 40px;
    color:#fff;
    transition:all .5s ease 0s;
    background:#0084ff;
    border:1px solid #0084ff;
    font-weight:700;
    text-transform:uppercase;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    -webkit-animation:bounceInDown 2500ms ease-in-out;
    -moz-animation:bounceInDown 2500ms ease-in-out;
    -ms-animation:bounceInDown 2500ms ease-in-out;
    animation:bounceInDown 2500ms ease-in-out
}
.slider-area .slider-2 div.slider-botton ul li.acitve a i{
    margin-left:10px
}
.slider-area .slider-2 div.slider-botton ul li.acitve a:hover{
    border:1px solid #b52929!important;
    background:#b52929!important
}
.slider-area .slider-2 div.slider-botton ul li a{
    display:block;
    padding:17px 40px;
    color:#444;
    border:1px solid #fff;
    transition:all .5s ease 0s;
    font-weight:700;
    text-transform:uppercase;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    background:#fff
}
.slider-area .slider-2 div.slider-botton ul li a i{
    margin-left:10px
}
.slider-area .slider-2 div.slider-botton ul li a:hover{
    background:#0084ff;
    color:#fff;
    border:1px solid #0084ff
}
.home-about-photo-contest-area{
    padding:100px 0;
    background:#f5f5f5
}
.home-about-photo-contest-area ul{
    margin:0;
    padding:0;
    list-style:none
}
.home-about-photo-contest-area ul li{
    display:block;
    margin-bottom:30px;
    overflow:hidden
}
.home-about-photo-contest-area ul li:last-child{
    margin-bottom:0
}
.home-about-photo-contest-area ul li:last-child .about-text{
    float:right;
    width:50%;
    padding:50px;
    position:relative
}
.home-about-photo-contest-area ul li:last-child .about-text:hover:before{
    top:0;
    left:0;
    width:100px;
    height:100px
}
.home-about-photo-contest-area ul li:last-child .about-text:hover:after{
    position:absolute;
    bottom:-30px;
    right:30px;
    width:100px;
    height:100px
}
.home-about-photo-contest-area ul li:last-child .about-text:before{
    position:absolute;
    top:0;
    left:0;
    background:url(images/about/border.png) no-repeat;
    content:"";
    width:0;
    height:0;
    transition:all .5s ease 0s
}
.home-about-photo-contest-area ul li:last-child .about-text:after{
    position:absolute;
    bottom:0;
    right:0;
    background:url(images/about/border.png) no-repeat;
    content:"";
    width:0;
    height:0;
    -ms-transform:rotate(-180deg);
    -webkit-transform:rotate(-180deg);
    transform:rotate(-180deg);
    transition:all .5s ease 0s
}
.home-about-photo-contest-area ul li:last-child .about-text>h3{
    margin-bottom:15px
}
.home-about-photo-contest-area ul li:last-child .about-text>h3>a{
    display:block;
    color:#333;
    transition:all .5s ease 0s
}
.home-about-photo-contest-area ul li:last-child .about-text>h3>a:hover{
    color:#0084ff
}
.home-about-photo-contest-area ul li:last-child .about-text p{
    line-height:28px
}
.home-about-photo-contest-area ul li:last-child .about-text>a{
    display:inline-block;
    border:1px solid #0084ff;
    font-size:16px;
    color:#0084ff;
    transition:all .5s ease 0s;
    border-radius:0;
    padding:10px 18px
}
.home-about-photo-contest-area ul li:last-child .about-text>a:hover{
    border:1px solid #0084ff;
    background:#0084ff;
    color:#fff
}
.home-about-photo-contest-area ul li:last-child .about-image{
    width:50%;
    float:right;
    position:relative;
    overflow:hidden
}
.home-about-photo-contest-area ul li:last-child .about-image:hover img{
    transform:scale(1.2)
}
.home-about-photo-contest-area ul li:last-child .about-image:hover .overley{
    opacity:1;
    bottom:0
}
.home-about-photo-contest-area ul li:last-child .about-image img{
    width:100%;
    transition:all .5s ease 0s
}
.home-about-photo-contest-area ul li:last-child .about-image .overley{
    position:absolute;
    left:0;
    bottom:-100px;
    background:rgba(211,47,47,.8);
    height:70px;
    width:100%;
    opacity:0;
    transition:all .5s ease 0s
}
.home-about-photo-contest-area ul li:last-child .about-image .overley h4{
    margin-bottom:0
}
.home-about-photo-contest-area ul li:last-child .about-image .overley h4 a{
    display:block;
    color:#fff;
    padding:25px 0 0 25px;
    font-weight:400;
    transition:all .5s ease 0s
}
.home-about-photo-contest-area ul li:last-child .about-image .overley h4 a:hover{
    color:#ddd
}
.home-about-photo-contest-area ul li .about-text{
    float:left;
    width:50%;
    padding:50px;
    position:relative
}
.home-about-photo-contest-area ul li .about-text:hover:before{
    top:0;
    left:0;
    width:100px;
    height:100px
}
.home-about-photo-contest-area ul li .about-text:hover:after{
    position:absolute;
    bottom:-30px;
    right:30px;
    width:100px;
    height:100px
}
.home-about-photo-contest-area ul li .about-text:before{
    position:absolute;
    top:0;
    left:0;
    background:url(images/about/border.png) no-repeat;
    content:"";
    width:0;
    height:0;
    transition:all .5s ease 0s
}
.home-about-photo-contest-area ul li .about-text:after{
    position:absolute;
    bottom:0;
    right:0;
    background:url(images/about/border.png) no-repeat;
    content:"";
    width:0;
    height:0;
    -ms-transform:rotate(-180deg);
    -webkit-transform:rotate(-180deg);
    transform:rotate(-180deg);
    transition:all .5s ease 0s
}
.home-about-photo-contest-area ul li .about-text>h3{
    margin-bottom:15px
}
.home-about-photo-contest-area ul li .about-text>h3>a{
    display:block;
    color:#333;
    transition:all .5s ease 0s
}
.home-about-photo-contest-area ul li .about-text>h3>a:hover{
    color:#0084ff
}
.home-about-photo-contest-area ul li .about-text p{
    line-height:28px
}
.home-about-photo-contest-area ul li .about-text>a{
    display:inline-block;
    border:1px solid #0084ff;
    font-size:16px;
    color:#0084ff;
    transition:all .5s ease 0s;
    border-radius:0;
    padding:10px 18px
}
.home-about-photo-contest-area ul li .about-text>a:hover{
    border:1px solid #0084ff;
    background:#0084ff;
    color:#fff
}
.home-about-photo-contest-area ul li .about-image{
    width:50%;
    float:left;
    position:relative;
    overflow:hidden
}
.home-about-photo-contest-area ul li .about-image:hover img{
    transform:scale(1.2)
}
.home-about-photo-contest-area ul li .about-image:hover .overley{
    opacity:1;
    bottom:0
}
.home-about-photo-contest-area ul li .about-image img{
    width:100%;
    transition:all .5s ease 0s
}
.home-about-photo-contest-area ul li .about-image .overley{
    position:absolute;
    left:0;
    bottom:-100px;
    background:rgba(211,47,47,.8);
    height:70px;
    width:100%;
    opacity:0;
    transition:all .5s ease 0s
}
.home-about-photo-contest-area ul li .about-image .overley h4{
    margin-bottom:0
}
.home-about-photo-contest-area ul li .about-image .overley h4 a{
    display:block;
    color:#fff;
    padding:25px 0 0 25px;
    font-weight:400;
    transition:all .5s ease 0s
}
.home-about-photo-contest-area ul li .about-image .overley h4 a:hover{
    color:#ddd
}
.home-about-photo-contest-area .single-contest .about-image{
    width:100%;
    position:relative;
    overflow:hidden;
    margin-bottom:30px
}
.home-about-photo-contest-area .single-contest .about-image:hover img{
    transform:scale(1.2)
}
.home-about-photo-contest-area .single-contest .about-image:hover .overley{
    opacity:1;
    bottom:0
}
.home-about-photo-contest-area .single-contest .about-image img{
    width:100%;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.home-about-photo-contest-area .single-contest .about-image .overley{
    position:absolute;
    left:0;
    bottom:-100px;
    background:rgba(211,47,47,.8);
    height:70px;
    width:100%;
    opacity:0;
    transition:all .5s ease 0s
}
.home-about-photo-contest-area .single-contest .about-image .overley h4{
    margin-bottom:0
}
.home-about-photo-contest-area .single-contest .about-image .overley h4 a{
    display:block;
    color:#fff;
    padding:25px 0 0 25px;
    font-weight:400;
    transition:all .5s ease 0s
}
.home-about-photo-contest-area .single-contest .about-image .overley h4 a:hover{
    color:#ddd
}
.home-about-photo-contest-area .single-contest .about-text{
    width:100%;
    padding:50px;
    position:relative
}
.home-about-photo-contest-area .single-contest .about-text:hover:before{
    top:0;
    left:0;
    width:100px;
    height:100px
}
.home-about-photo-contest-area .single-contest .about-text:hover:after{
    position:absolute;
    bottom:-30px;
    right:30px;
    width:100px;
    height:100px
}
.home-about-photo-contest-area .single-contest .about-text:before{
    position:absolute;
    top:0;
    left:0;
    background:url(images/about/border.png) no-repeat;
    content:"";
    width:30px;
    height:30px;
    transition:all .5s ease 0s
}
.home-about-photo-contest-area .single-contest .about-text:after{
    position:absolute;
    bottom:0;
    right:0;
    background:url(images/about/border.png) no-repeat;
    content:"";
    width:30px;
    height:30px;
    -ms-transform:rotate(-180deg);
    -webkit-transform:rotate(-180deg);
    transform:rotate(-180deg);
    transition:all .5s ease 0s
}
.home-about-photo-contest-area .single-contest .about-text>h3{
    margin-bottom:15px
}
.home-about-photo-contest-area .single-contest .about-text>h3>a{
    display:block;
    color:#333;
    transition:all .5s ease 0s
}
.home-about-photo-contest-area .single-contest .about-text>h3>a:hover{
    color:#0084ff
}
.home-about-photo-contest-area .single-contest .about-text p{
    line-height:28px
}
.home-about-photo-contest-area .single-contest .about-text>a{
    display:inline-block;
    border:1px solid #0084ff;
    font-size:16px;
    color:#0084ff;
    transition:all .5s ease 0s;
    border-radius:0;
    padding:10px 18px
}
.home-about-photo-contest-area .single-contest .about-text>a:hover{
    border:1px solid #0084ff;
    background:#0084ff;
    color:#fff
}
.home-gellary-area{
    padding:100px 0
}
.home-gellary-area .single-gellary{
    background:#f5f5f5;
    padding:5px;
    margin:15px 0;
    position:relative;
    overflow:hidden
}
.home-gellary-area .single-gellary .image{
    position:relative;
    overflow:hidden;
    margin-bottom:0
}
.home-gellary-area .single-gellary .image:hover .overley{
    opacity:1;
    transform:scale(1)
}
.home-gellary-area .single-gellary .image a{
    display:block
}
.home-gellary-area .single-gellary .image a img{
    width:100%
}
.home-gellary-area .single-gellary .image span{
    position:absolute;
    left:0;
    bottom:0;
    width:60px;
    height:60px;
    background:#0084ff;
    color:#fff;
    padding:2px;
    text-align:center;
    z-index:99
}
.home-gellary-area .single-gellary .image .overley{
    position:absolute;
    left:0;
    right:0;
    text-align:center;
    width:100%;
    height:100%;
    background:rgba(211,47,47,.8);
    top:0;
    transform:scale(0);
    transform-origin:0 1 0;
    opacity:0;
    transition:all .5s ease 0s
}
.home-gellary-area .single-gellary .image .overley ul{
    margin:0;
    padding:0;
    list-style:none;
    position:relative;
    top:45%;
    transform:rotate(0deg);
    transition:all .9s
}
.home-gellary-area .single-gellary .image .overley ul li{
    display:inline-block;
    color:#fff;
    margin-right:5px
}
.home-gellary-area .single-gellary .image .overley ul li i{
    color:#fff;
    margin-right:10px;
    font-size:16px;
    width:45px;
    height:45px;
    line-height:45px;
    border:1px solid #fff;
    border-radius:50%
}
.home-gellary-area .single-gellary:hover img{
    opacity:.9
}
.home-gellary-area .single-gellary:hover .gellary-informations{
    background:#0084ff;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.home-gellary-area .single-gellary:hover .gellary-informations ul li{
    color:#fff
}
.home-gellary-area .single-gellary:hover .gellary-informations ul li h3 a{
    font-size:18px;
    transition:all .5s ease 0s;
    color:#fff
}
.home-gellary-area .single-gellary:hover .gellary-informations ul li h3 a span,.home-gellary-area .single-gellary:hover .gellary-informations ul li h3 a:hover,.home-gellary-area .single-gellary:hover .gellary-informations ul li i{
    color:#fff
}
.home-gellary-area .single-gellary img{
    width:100%;
    transition:all .5s ease 0s;
    position:relative;
    overflow:hidden
}
.home-gellary-area .single-gellary .gellary-informations{
    padding:15px;
    transition:all .5s ease 0s
}
.home-gellary-area .single-gellary .gellary-informations ul{
    margin:0;
    padding:0;
    list-style:none
}
.home-gellary-area .single-gellary .gellary-informations ul li{
    display:inline-block;
    margin-right:15px
}
.home-gellary-area .single-gellary .gellary-informations ul li h3{
    margin-bottom:15px
}
.home-gellary-area .single-gellary .gellary-informations ul li h3 a{
    font-size:18px;
    transition:all .5s ease 0s;
    color:#333
}
.home-gellary-area .single-gellary .gellary-informations ul li h3 a:hover{
    color:#0084ff
}
.home-gellary-area .single-gellary .gellary-informations ul li h3 a span{
    display:block;
    font-weight:400;
    color:#333;
    font-size:12px;
    margin-top:10px
}
.home-gellary-area .single-gellary .gellary-informations ul li i{
    color:#0084ff;
    font-weight:600;
    margin-right:10px
}
.winner-area{
    background:#f5f5f5;
    padding:100px 0
}
.winner-area .single-winners{
    position:relative;
    overflow:hidden
}
.winner-area .single-winners .images{
    position:relative;
    overflow:hidden;
    margin-bottom:30px
}
.winner-area .single-winners .images:hover h3 a{
    color:#0084ff
}
.winner-area .single-winners .images:hover .overley{
    opacity:1;
    transform:scaleY(1)
}
.winner-area .single-winners .images a{
    display:block
}
.winner-area .single-winners .images a img{
    transition:all .5s ease 0s
}
.winner-area .single-winners .images .overley{
    position:absolute;
    left:0;
    right:0;
    text-align:left;
    width:100%;
    height:100%;
    background:rgba(211,47,47,.9);
    top:0;
    transform:scaleY(0);
    transform-origin:0 1 0;
    opacity:0;
    transition:all .5s ease 0s;
    padding:30px
}
.winner-area .single-winners .images .overley .winners-details{
    padding:20% 0
}
.winner-area .single-winners .images .overley .winners-details h4{
    margin-bottom:10px;
    padding-bottom:10px;
    color:#fff;
    font-size:18px;
    position:relative
}
.winner-area .single-winners .images .overley .winners-details span{
    margin-bottom:5px;
    font-size:14px;
    color:#fff;
    font-weight:600
}
.winner-area .single-winners .images .overley .winners-details p{
    margin-bottom:5px;
    color:#fff;
    font-size:12px
}
.winner-area .single-winners .images .overley .winners-details p i{
    color:#fff;
    margin-right:8px
}
.winner-area .single-winners .images .overley .winners-details ul{
    margin:0;
    padding:0;
    list-style:none;
    position:relative;
    top:18%;
    transform:rotate(0deg);
    transition:all .9s;
    text-align:left
}
.winner-area .single-winners .images .overley .winners-details ul li{
    display:inline-block;
    margin-bottom:5px;
    color:#fff;
    margin-right:10px
}
.winner-area .single-winners .images .overley .winners-details ul li i{
    margin-right:5px
}
.winner-area .single-winners h3{
    margin-bottom:30px
}
.winner-area .single-winners h3 a{
    color:#333;
    transition:all .5s ease 0s;
    font-size:18px;
    text-transform:uppercase
}
.winner-area .single-winners h3 a:hover{
    color:#0084ff
}
.winner-area .view-more{
    margin-top:30px
}
.home-banner-area{
    padding:100px 0;
    color:#fff;
    background:url(images/banner/1.jpg) center center no-repeat;
    background-size:cover
}
.home-banner-area .section-title h3{
    margin-bottom:10px
}
.home-banner-area .section-title img{
    margin-bottom:20px
}
.home-banner-area .section-title p{
    padding:0 20%;
    margin-bottom:10px
}
.home-banner-area .view-more a{
    margin-top:15px;
    color:#fff;
    padding:10px 20px;
    border:1px solid #0084ff;
    background:0 0
}
.project-activation-area{
    background:url(images/about/counter-up.png) center center no-repeat;
    transition:all .3s ease 0s;
    background-size:cover;
    padding:100px 0;
    line-height:0
}
.about-counter-list{
    text-align:center
}
.about-counter-list h1{
    font-size:40px;
    font-weight:400;
    padding:0;
    color:#fff;
    margin-top:20px!important
}
.about-counter-list p{
    color:#fff;
    font-weight:400;
    letter-spacing:2px;
    margin-bottom:0;
    text-transform:uppercase;
    margin-left:5px
}
.ab-count{
    padding:0 0 25px
}
.about-counter-list .fa{
    color:#0084ff;
    display:inline-block;
    font-size:40px
}
.about-counter-list .fa:hover{
    color:#0084ff
}
.home-blog-area{
    padding:50px 0
}
.home-blog-area .blog-slider .col-lg-4.col-md-4.col-sm-4.col-xs-12.single-blog-slide{
    position:relative;
    overflow:hidden;
    width:100%!important
}
.home-blog-area .blog-slider .col-lg-4.col-md-4.col-sm-4.col-xs-12.single-blog-slide .images{
    position:relative;
    overflow:hidden;
    margin-bottom:30px
}
.home-blog-area .blog-slider .col-lg-4.col-md-4.col-sm-4.col-xs-12.single-blog-slide .images:hover .overley{
    opacity:1;
    transform:scale(1)
}
.home-blog-area .blog-slider .col-lg-4.col-md-4.col-sm-4.col-xs-12.single-blog-slide .images a{
    display:block
}
.home-blog-area .blog-slider .col-lg-4.col-md-4.col-sm-4.col-xs-12.single-blog-slide .images a img{
    width:100%
}
.home-blog-area .blog-slider .col-lg-4.col-md-4.col-sm-4.col-xs-12.single-blog-slide .images span{
    position:absolute;
    left:0;
    bottom:0;
    width:60px;
    height:60px;
    background:#0084ff;
    color:#fff;
    padding:2px;
    text-align:center;
    z-index:99
}
.home-blog-area .blog-slider .col-lg-4.col-md-4.col-sm-4.col-xs-12.single-blog-slide .images .overley{
    position:absolute;
    left:0;
    right:0;
    text-align:center;
    width:100%;
    height:100%;
    background:rgba(105, 105, 105, 0.48);
    top:0;
    transform:scale(0);
    transform-origin:0 1 0;
    opacity:0;
    transition:all .5s ease 0s
}
.home-blog-area .blog-slider .col-lg-4.col-md-4.col-sm-4.col-xs-12.single-blog-slide .images .overley ul{
    margin:0;
    padding:0;
    list-style:none;
    position:relative;
    top:45%;
    transform:rotate(0deg);
    transition:all .9s
}
.home-blog-area .blog-slider .col-lg-4.col-md-4.col-sm-4.col-xs-12.single-blog-slide .images .overley ul li{
    display:inline-block;
    color:#fff;
    margin-right:5px
}
.home-blog-area .blog-slider .col-lg-4.col-md-4.col-sm-4.col-xs-12.single-blog-slide .images .overley ul li i{
    color:#fff;
    margin-right:10px;
    font-size:16px;
    width:45px;
    height:45px;
    line-height:45px;
    border:1px solid #fff;
    border-radius:50%
}
.home-blog-area .blog-slider .col-lg-4.col-md-4.col-sm-4.col-xs-12.single-blog-slide .blog-informations ul{
    margin:0 0 10px;
    padding:0;
    list-style:none
}
.home-blog-area .blog-slider .col-lg-4.col-md-4.col-sm-4.col-xs-12.single-blog-slide .blog-informations ul li{
    display:inline-block;
    margin-right:15px
}
.home-blog-area .blog-slider .col-lg-4.col-md-4.col-sm-4.col-xs-12.single-blog-slide .blog-informations ul li:last-child{
    margin-right:0
}
.home-blog-area .blog-slider .col-lg-4.col-md-4.col-sm-4.col-xs-12.single-blog-slide .blog-informations ul li i{
    color:#0084ff;
    margin-right:5px
}
.home-blog-area .blog-slider .col-lg-4.col-md-4.col-sm-4.col-xs-12.single-blog-slide .blog-informations .blog-details h3{
    margin-bottom:20px
}
.home-blog-area .blog-slider .col-lg-4.col-md-4.col-sm-4.col-xs-12.single-blog-slide .blog-informations .blog-details h3 a{
    color:#696969;
    transition:all .5s ease 0s;
    font-size:18px
}
.home-blog-area .blog-slider .col-lg-4.col-md-4.col-sm-4.col-xs-12.single-blog-slide .blog-informations .blog-details h3 a:hover{
    color:#0084ff
}
.home-blog-area .blog-slider .col-lg-4.col-md-4.col-sm-4.col-xs-12.single-blog-slide .blog-informations .blog-details p{
    margin-bottom:30px
}
.home-blog-area .blog-slider .col-lg-4.col-md-4.col-sm-4.col-xs-12.single-blog-slide .blog-informations .blog-details .read-more{
    display:block
}
.home-blog-area .blog-slider .col-lg-4.col-md-4.col-sm-4.col-xs-12.single-blog-slide .blog-informations .blog-details .read-more a{
    display:inline-block;
    color:#333;
    font-size:16px;
    transition:all .5s ease 0s;
    font-weight:800;
    position:relative
}
.home-blog-area .blog-slider .col-lg-4.col-md-4.col-sm-4.col-xs-12.single-blog-slide .blog-informations .blog-details .read-more a:after{
    content:"\f101";
    font-family:fontawesome;
    color:#0084ff;
    font-weight:600;
    font-size:16px;
    position:absolute;
    top:0;
    right:0;
    opacity:0;
    transition:all .5s ease 0s
}
.home-blog-area .blog-slider .col-lg-4.col-md-4.col-sm-4.col-xs-12.single-blog-slide .blog-informations .blog-details .read-more a:hover{
    color:#0084ff
}
.home-blog-area .blog-slider .col-lg-4.col-md-4.col-sm-4.col-xs-12.single-blog-slide .blog-informations .blog-details .read-more a:hover:after{
    right:-30px;
    opacity:1
}
.home-blog-area .blog-slider .owl-buttons div{
    opacity:1;
    top:30%;
    background:0 0;
    width:35px;
    height:35px;
    border-radius:50%;
    border:1px dashed #0084ff
}
.home-blog-area .blog-slider .owl-buttons div i{
    font-size:30px;
    line-height:28px;
    color:#0084ff
}
.home-blog-area .blog-slider .owl-buttons div.owl-prev{
    position:absolute;
    left:-5%
}
.home-blog-area .blog-slider .owl-buttons div.owl-prev:hover{
    background:#0084ff;
    color:#fff
}
.home-blog-area .blog-slider .owl-buttons div.owl-prev:hover i{
    color:#fff
}
.home-blog-area .blog-slider .owl-buttons div.owl-next{
    position:absolute;
    right:-5%
}
.home-blog-area .blog-slider .owl-buttons div.owl-next:hover{
    background:#0084ff;
    color:#fff
}
.home-blog-area .blog-slider .owl-buttons div.owl-next:hover i{
    color:#fff
}
.client-logo-area{
    border-top:1px solid #e5e5e5;
    padding:50px 0;
    overflow:hidden
}
.client-logo-area .single-logo{
    border:1px solid #f5f5f5;
    text-align:center;
    margin:0 5px
}
.client-logo-area .single-logo:hover{
    border:1px solid #ddd;
    margin:0 5px
}
.client-logo-area .owl-buttons div{
    opacity:1!important;
    top:23%;
    background:0 0!important;
    width:35px;
    height:35px;
    border-radius:50%;
    border:1px dashed #6d6d6d
}
.client-logo-area .owl-buttons div i{
    font-size:30px;
    line-height:28px;
    color:#6d6d6d
}
.client-logo-area .owl-buttons div.owl-prev{
    position:absolute;
    left:-5%;
    opacity:1!important
}
.client-logo-area .owl-buttons div.owl-prev:hover{
    background:#0084ff!important;
    color:#fff
}
.client-logo-area .owl-buttons div.owl-prev:hover i{
    color:#fff
}
.client-logo-area .owl-buttons div.owl-next{
    position:absolute;
    right:-5%;
    opacity:1!important
}
.client-logo-area .owl-buttons div.owl-next:hover{
    background:#0084ff!important;
    color:#fff
}
.client-logo-area .owl-buttons div.owl-next:hover i{
    color:#fff
}
.footer-top-area{
    background:center center #6d6d6d;
    background-size:cover;
    padding:35px 0
}
.footer-top-area .single-footer h3{
    font-size:22px;
    color:#fff;
    font-weight:700;
    line-height:1.55
}
.footer-top-area .single-footer p{
    color:#fff
}
.footer-top-area .single-footer .footer-social-media-area ul{
    text-align:left
}
.footer-top-area .single-footer .footer-social-media-area ul li{
    display:inline-block;
    margin:2px
}
.footer-top-area .single-footer .footer-social-media-area ul li a{
    display:block;
    width:30px;
    height:30px;
    line-height:28px;
    color:#ddd;
    background:#000;
    border:1px solid #0084ff;
    transition:all .5s ease 0s;
    text-decoration:none;
    text-align:center
}
.footer-top-area .single-footer .footer-social-media-area ul li a:hover{
    background:#0084ff;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border:1px solid #0084ff
}
.footer-top-area .footer-two ul li{
    color:#999
}
.footer-top-area .footer-two ul li a{
    color:#fff;
    transition:all .5s ease 0s
}
.footer-top-area .footer-two ul li a:hover{
    color:#0084ff
}
.footer-top-area .footer-two ul li i{
    color:#ffffff;
    margin-right:5px;
    display:inline-block
}
.footer-top-area .footer-three h3{
    margin-bottom:33px
}
.footer-top-area .footer-three ul{
    margin:0;
    padding:0;
    list-style:none
}
.footer-top-area .footer-three ul li{
    display:inline-block;
    margin:1px 3px;
    overflow:hidden;
    position:relative;
    width:30%
}
.footer-top-area .footer-three ul li a{
    display:block
}
.footer-top-area .footer-three ul li a img{
    display:block;
    width:100%;
    transition:all .3s ease-out
}
.footer-top-area .footer-three ul li a img:hover{
    opacity:.5;
    transform:scale(1.1)
}
.footer-top-area .footer-four ul li{
    display:inline-block;
    color:#fff;
    margin:0 0 15px;
    font-weight:300
}
.footer-top-area .footer-four ul li a{
    color:#fff;
    transition:all .5s ease 0s
}
.footer-top-area .footer-four ul li a:hover{
    color:#0084ff
}
.footer-top-area .footer-four ul li i{
    margin:5px;
    color:#ffffff
}
.footer-bottom-area{
    background:#353434;
    padding:10px 0
}
.footer-bottom-area .footer-bottom p{
    text-align:center;
    color:#fff;
    margin:0;
    font-weight:300
}
#scrollUp{
    background:#353434;
    bottom:100px;
    color:#fff!important;
    display:block;
    font-size:26px;
    height:46px;
    line-height:42px;
    position:fixed;
    right:20px;
    text-align:center;
    text-decoration:none!important;
    transition:all .5s cubic-bezier(0,0,0,1) 0s;
    width:46px;
    z-index:1000
}
#scrollUp:hover{
    background:#b52929
}
.preview-2 .nivo-directionNav a.nivo-nextNav:before,.preview-2 .nivo-directionNav a.nivo-prevNav:before{
    border:1px dashed #0084ff!important;
    color:#fff!important;
    background:0 0;
    border-radius:50%!important;
    font-size:20px!important;
    font-weight:300!important
}
.preview-2 .nivo-directionNav a.nivo-prevNav:hover:before, .preview-2 .nivo-directionNav a.nivo-nextNav:hover:before{
    background:#0084ff!important
}
#Container .mix{
    display:none
}
.portfolio-one-area{
    padding:100px 0
}
.portfolio-one-area .portfolio-menu ul{
    margin:0 0 30px;
    padding:0;
    list-style:none;
    text-align:center
}
.portfolio-one-area .portfolio-menu ul li{
    display:inline-block;
    padding:7px 0;
    margin-left:20px;
    margin-right:20px;
    font-size:16px;
    font-weight:500;
    transition:all .5s ease 0s;
    position:relative;
    cursor:pointer
}
.portfolio-one-area .portfolio-menu ul li:after{
    content:"";
    position:absolute;
    left:50%;
    width:50px;
    height:1px;
    background:#0084ff;
    bottom:0;
    opacity:0;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    transition:all .5s ease 0s
}
.portfolio-one-area .portfolio-menu ul li.active,.portfolio-one-area .portfolio-menu ul li:hover{
    color:#0084ff
}
.portfolio-one-area .portfolio-menu ul li.active::after,.portfolio-one-area .portfolio-menu ul li:hover::after{
    opacity:1
}
.portfolio-one-area .single-portfolio{
    position:relative;
    margin:15px 0;
    overflow:hidden
}
.portfolio-one-area .single-portfolio:hover .overley{
    opacity:1;
    transform:scale(1)
}
.portfolio-one-area .single-portfolio .portfolio-image{
    overflow:hidden;
    position:relative
}
.portfolio-one-area .single-portfolio .portfolio-image a{
    display:block
}
.portfolio-one-area .single-portfolio .portfolio-image a img{
    width:100%
}
.portfolio-one-area .single-portfolio .overley{
    position:absolute;
    content:"";
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    text-align:center;
    height:100%;
    width:100%;
    transition:all .5s ease 0s;
    opacity:0;
    transform:scale(0);
    background:rgba(109, 109, 109, 0.65)
}
.portfolio-one-area .single-portfolio .overley .portfolio-details{
    top:50%;
    position:relative;
    transform:translateY(-50px);
    text-align:center
}
.portfolio-one-area .single-portfolio .overley .portfolio-details h3{
    margin-bottom:15px
}
.portfolio-one-area .single-portfolio .overley .portfolio-details h3 a{
    transition:all .5s ease 0s;
    display:block;
    color:#fff;
    font-size:16px;
    font-weight:600
}
.portfolio-one-area .single-portfolio .overley .portfolio-details h3 a:hover{
    color:#ddd
}
.portfolio-one-area .single-portfolio .overley .portfolio-details ul{
    margin:0 0 15px;
    padding:0;
    list-style:none;
    position:relative;
    top:45%;
    transform:rotate(0deg);
    transition:all .9s
}
.portfolio-one-area .single-portfolio .overley .portfolio-details ul li{
    display:inline-block;
    color:#fff;
    margin-right:5px
}
.portfolio-one-area .single-portfolio .overley .portfolio-details ul li i{
    color:#fff;
    margin-right:10px;
    font-size:16px;
    width:45px;
    height:45px;
    line-height:45px;
    border:1px solid #fff;
    border-radius:50%
}
.portfolio-one-area .single-portfolio .overley .photo-informations{
    background:#0084ff;
    height:60px;
    padding:18px 30px;
    color:#fff;
    position:absolute;
    bottom:0;
    left:0;
    width:100%
}
.portfolio-one-area .single-portfolio .overley .photo-informations ul{
    margin:0;
    padding:0;
    list-style:none;
    text-align:left
}
.portfolio-one-area .single-portfolio .overley .photo-informations ul li{
    display:inline-block;
    margin-right:10px;
    margin-bottom:0
}
.portfolio-one-area .single-portfolio .overley .photo-informations ul li i{
    color:#fff;
    font-weight:600;
    margin-right:5px
}
.lightbox .lb-container{
    position:relative
}
.lightbox .lb-container:hover .lb-next,.lightbox .lb-container:hover .lb-prev{
    opacity:1
}
.lightbox .lb-data .lb-close{
    position:relative;
    background:0 0
}
.lightbox .lb-data .lb-close:after{
    position:absolute;
    font-family:FontAwesome;
    content:"\f00d";
    font-size:23px;
    top:50%;
    left:50%;
    color:#fff
}
.lightbox .lb-nav .lb-next,.lightbox .lb-nav .lb-prev{
    position:absolute;
    height:80px;
    width:80px;
    top:50%;
    transform:translateY(-50%);
    background:0 0
}
.lightbox .lb-nav .lb-next:after,.lightbox .lb-nav .lb-prev:after{
    position:absolute;
    font-family:FontAwesome;
    font-size:58px;
    top:50%;
    left:50%;
    transform:translateX(-50%);
    color:#fff
}
.lightbox .lb-nav .lb-prev:after{
    content:"\f104"
}
.lightbox .lb-nav .lb-next:after{
    content:"\f105"
}
.inner-page-header .header-page-title h2{
    color:#fff;
    margin:0;
    font-size:36px
}
.inner-page-header .header-page-locator ul{
    text-align:right
}
.inner-page-header .header-page-locator ul li{
    display:inline-block;
    color:#0084ff
}
.inner-page-header .header-page-locator ul li a{
    color:#fff;
    transition:all .5s ease 0s
}
.inner-page-header .header-page-locator ul li a:hover{
    color:#0084ff
}
.home-team-area{
    padding:90px 0
}
.home-team-area .total-team{
    margin:auto
}
.home-team-area .total-team .single-team{
    position:relative;
    margin:0 15px
}
.home-team-area .total-team .single-team .team-details{
    transition:all .5s ease 0s;
    z-index:99999
}
.home-team-area .total-team .single-team .team-details h3{
    margin-bottom:5px;
    margin-top:10px
}
.home-team-area .total-team .single-team .team-details h3 a{
    display:block;
    font-size:18px;
    color:#222;
    transition:all .5s ease 0s;
    text-decoration:none
}
.home-team-area .total-team .single-team .team-details h3 a img{
    width:100%
}
.home-team-area .total-team .single-team .team-details h3 a:hover{
    color:#0084ff
}
.home-team-area .total-team .single-team .team-details h3 a:after{
    display:none
}
.home-team-area .total-team .single-team .team-details p{
    color:#0084ff;
    letter-spacing:3px;
    margin-bottom:20px
}
.home-team-area .total-team .owl-controls{
    margin-top:30px
}
.home-team-area .total-team .owl-controls .owl-pagination .owl-page.active span{
    border:1px solid #222
}
.home-team-area .total-team .owl-controls .owl-pagination .owl-page span{
    display:block;
    width:15px;
    height:8px;
    margin:5px 7px;
    filter:alpha(opacity=50);
    opacity:1;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    background:#0084ff
}
.winners-page-area{
    padding:100px 0 0
}
.winners-page-area .top-winners{
    overflow:hidden
}
.winners-page-area .top-winners .images{
    position:relative;
    overflow:hidden;
    margin-bottom:30px
}
.winners-page-area .top-winners .images:hover h3 a{
    color:#0084ff
}
.winners-page-area .top-winners .images:hover .overley{
    opacity:1;
    transform:scaleY(1)
}
.winners-page-area .top-winners .images a{
    display:block
}
.winners-page-area .top-winners .images a img{
    transition:all .5s ease 0s;
    width:100%
}
.winners-page-area .top-winners .images .overley{
    position:absolute;
    left:0;
    right:0;
    text-align:center;
    width:100%;
    height:100%;
    background:rgba(211,47,47,.8);
    top:0;
    transform:scaleY(0);
    transform-origin:0 1 0;
    opacity:0;
    transition:all .5s ease 0s
}
.winners-page-area .top-winners .images .overley .informations{
    margin:0;
    padding:0;
    list-style:none;
    position:relative;
    top:40%;
    transform:rotate(0deg);
    transition:all .9s
}
.winners-page-area .top-winners .images .overley .informations h3{
    margin-bottom:0
}
.winners-page-area .top-winners .images .overley .informations h3 a{
    color:#fff;
    font-weight:600;
    font-size:20px;
    margin-bottom:10px
}
.winners-page-area .top-winners .images .overley .informations span{
    color:#fff;
    margin-bottom:5px;
    display:block
}
.winners-page-area .top-winners .winners-informations{
    padding-top:85px
}
.winners-page-area .top-winners .winners-informations h3{
    margin-bottom:0
}
.winners-page-area .top-winners .winners-informations h3 a{
    color:#333;
    margin-bottom:10px;
    transition:all .5s ease 0s;
    display:block;
    font-size:40px
}
.winners-page-area .top-winners .winners-informations h3 a:hover{
    color:#0084ff
}
.winners-page-area .top-winners .winners-informations span{
    font-weight:600;
    font-style:italic;
    font-size:12px;
    color:#777;
    margin-bottom:20px;
    display:block
}
.winners-page-area .top-winners .skill-content-3{
    overflow:hidden
}
.winners-page-area .top-winners .skill .progress .lead{
    color:#444;
    font-size:16px;
    font-weight:600;
    left:0;
    position:absolute;
    top:-35px;
    z-index:99
}
.winners-page-area .top-winners .skill .progress{
    background-color:#f0f0f0;
    border-radius:0;
    box-shadow:none;
    height:7px;
    margin:65px 0 80px;
    overflow:visible;
    position:relative
}
.winners-page-area .top-winners .skill .progress:last-child{
    margin-bottom:50px
}
.winners-page-area .top-winners .skill .progress-bar>span{
    background:#0084ff;
    float:right;
    font-size:12px;
    margin-right:10px;
    margin-top:-43px;
    position:relative;
    padding:10px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    color:#fff
}
.winners-page-area .top-winners .skill .progress-bar>span:after,.winners-page-area .top-winners .skill .progress-bar>span:before{
    border:solid transparent;
    content:" ";
    height:0;
    position:absolute;
    top:100%;
    width:0
}
.winners-page-area .top-winners .skill .progress-bar>span:before{
    border-top-color:#0084ff;
    border-width:5px;
    left:50%;
    margin-left:-5px
}
.winners-page-area .top-winners .holax-shop h3,.winners-page-area .top-winners .we-are-good-at h3{
    font-size:18px;
    margin-bottom:25px
}
.winners-page-area .top-winners .skill .progress:nth-child(1) .progress-bar{
    background:#0084ff
}
.winners-page-area .top-winners .skill .progress:nth-child(2) .progress-bar{
    background:#0084ff
}
.winners-page-area .top-winners .skill .progress:nth-child(3) .progress-bar{
    background:#0084ff
}
.winners-page-area .top-winners .skill .progress:nth-child(4) .progress-bar{
    background:#0084ff
}
.winners-page-area .social-media ul{
    text-align:left
}
.winners-page-area .social-media ul li{
    display:inline-block;
    margin:2px
}
.winners-page-area .social-media ul li a{
    display:block;
    width:35px;
    height:35px;
    line-height:35px;
    color:#0084ff;
    border:1px solid #0084ff;
    transition:all .5s ease 0s;
    text-decoration:none;
    text-align:center
}
.winners-page-area .social-media ul li a:hover{
    background:#0084ff;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border:1px solid #0084ff;
    color:#fff
}
.related-product-area{
    padding:30px 0 80px
}
.related-product-area h3{
    margin-left:15px;
    font-family:Roboto,sans-serif
}
.related-product-area .single-product-store .single-winners{
    position:relative;
    overflow:hidden;
    margin:0 15px
}
.related-product-area .single-product-store .single-winners .images{
    position:relative;
    overflow:hidden;
    margin-bottom:30px
}
.related-product-area .single-product-store .single-winners .images:hover h3 a{
    color:#0084ff
}
.related-product-area .single-product-store .single-winners .images:hover .overley{
    opacity:1;
    transform:scaleY(1)
}
.related-product-area .single-product-store .single-winners .images a{
    display:block
}
.related-product-area .single-product-store .single-winners .images a img{
    transition:all .5s ease 0s
}
.related-product-area .single-product-store .single-winners .images .overley{
    position:absolute;
    left:0;
    right:0;
    text-align:left;
    width:100%;
    height:100%;
    background:rgba(211,47,47,.9);
    top:0;
    transform:scaleY(0);
    transform-origin:0 1 0;
    opacity:0;
    transition:all .5s ease 0s;
    padding:30px
}
.related-product-area .single-product-store .single-winners .images .overley .winners-details{
    padding:20% 0
}
.related-product-area .single-product-store .single-winners .images .overley .winners-details h4{
    margin-bottom:10px;
    padding-bottom:10px;
    color:#fff;
    font-size:18px;
    position:relative
}
.related-product-area .single-product-store .single-winners .images .overley .winners-details h4:after{
    position:absolute;
    bottom:0;
    width:60px;
    height:2px;
    background:#fff;
    left:0;
    content:""
}
.related-product-area .single-product-store .single-winners .images .overley .winners-details span{
    margin-bottom:5px;
    font-size:14px;
    color:#fff;
    font-weight:600
}
.related-product-area .single-product-store .single-winners .images .overley .winners-details p{
    margin-bottom:5px;
    color:#fff;
    font-size:12px
}
.related-product-area .single-product-store .single-winners .images .overley .winners-details p i{
    color:#fff;
    margin-right:8px
}
.related-product-area .single-product-store .single-winners .images .overley .winners-details ul{
    margin:0;
    padding:0;
    list-style:none;
    position:relative;
    top:18%;
    transform:rotate(0deg);
    transition:all .9s;
    text-align:left
}
.related-product-area .single-product-store .single-winners .images .overley .winners-details ul li{
    display:inline-block;
    margin-bottom:5px;
    color:#fff;
    margin-right:10px
}
.related-product-area .single-product-store .single-winners .images .overley .winners-details ul li i{
    margin-right:5px
}
.related-product-area .single-product-store .single-winners h3{
    margin:0
}
.related-product-area .single-product-store .single-winners h3 a{
    color:#333;
    transition:all .5s ease 0s;
    font-size:18px;
    text-transform:uppercase
}
.related-product-area .single-product-store .single-winners h3 a:hover{
    color:#0084ff
}
.related-product-area .owl-buttons{
    right:10px;
    position:absolute;
    top:-60px
}
.related-product-area .owl-buttons div{
    background:#0084ff!important;
    width:35px;
    height:35px;
    border-radius:0!important;
    opacity:1!important;
    margin:2px!important
}
.related-product-area .owl-buttons div:hover{
    background:#000!important
}
.related-product-area .owl-buttons div i{
    font-size:20px;
    font-weight:400;
    line-height:28px
}
.select-size{
    margin:10px 0
}
.select-size select{
    width:200px;
    border:1px solid #ccc
}
.winner-page-list{
    padding:100px 0
}
.winner-page-list .single-product-area .product-content{
    margin:20px 0 0
}
.winner-page-list .single-product-area .product-content h3{
    margin:0;
    font-size:18px;
    font-family:'Open Sans',sans-serif
}
.winner-page-list .single-product-area .product-content h3 a{
    display:block;
    text-decoration:none;
    color:#000;
    transition:all .5s ease 0s
}
.winner-page-list .single-product-area .product-content h3 a:hover{
    color:#0084ff
}
.winner-page-list .single-product-area .product-content ul li{
    display:inline-block
}
.winner-page-list .single-product-area .product-content ul li i{
    font-size:14px;
    color:#f7c51d
}
.winner-page-list .single-product-area .product-content p{
    font-weight:700;
    color:#0084ff
}
.winner-page-list .single-product-area .single-product{
    position:relative;
    overflow:hidden
}
.winner-page-list .single-product-area .single-product img{
    width:100%;
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out
}
.winner-page-list .single-product-area .single-product:hover img{
    transform:scale(1.03);
    width:100%
}
.winner-page-list .single-product-area .single-product:hover .shop-overley{
    opacity:1;
    transform:scaleY(1)
}
.winner-page-list .single-product-area .single-product a{
    display:block;
    position:relative;
    overflow:hidden
}
.winner-page-list .single-product-area .single-product .shop-overley{
    content:"";
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background:rgba(211,47,47,.8);
    -webkit-transition:all .5s ease-out;
    -moz-transition:all .5s ease-out;
    -ms-transition:all .5s ease-out;
    -o-transition:all .5s ease-out;
    transition:all .5s ease-out;
    opacity:0;
    overflow:hidden;
    transform:scaleY(0);
    transform-origin:0 0 1
}
.winner-page-list .single-product-area .single-product .shop-overley .social-media-area{
    position:absolute;
    margin:auto;
    left:0;
    right:0;
    top:45%;
    bottom:0
}
.winner-page-list .single-product-area .single-product .shop-overley .social-media-area ul{
    text-align:center
}
.winner-page-list .single-product-area .single-product .shop-overley .social-media-area ul li{
    display:inline-block;
    margin:5px;
    color:#fff
}
.winner-page-list .single-product-area .single-product .shop-overley .social-media-area ul li i{
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    color:#fff;
    transition:all .5s ease 0s;
    font-weight:600;
    margin-right:10px
}
.winner-page-list .single-product-area .single-product .shop-overley .social-media-area ul li i:hover{
    background:#0084ff;
    color:#fff
}
.pagination-area{
    padding-top:30px
}
.pagination-area ul{
    text-align:center
}
.pagination-area ul li{
    display:inline-block
}
.pagination-area ul li.active a{
    background:#0084ff;
    color:#fff
}
.pagination-area ul li a{
    display:block;
    width:40px;
    height:40px;
    line-height:40px;
    background:0 0;
    border:1px solid #0084ff;
    color:#000;
    font-size:18px;
    text-decoration:none;
    transition:all .5s ease 0s;
    text-align:center
}
.pagination-area ul li a:hover{
    background:#0084ff;
    color:#fff
}
.single-photo-contest-area{
    padding:50px 0
}
.single-photo-contest-area .about-content h2{
    color:#696969;
    font-family:Roboto,sans-serif;
    font-size:24px;
    position:relative
}
.single-photo-contest-area .about-content h2:after{
    background:#e1e1e1;
    content:"";
    height:2px;
    left:45%;
    margin:auto;
    position:absolute;
    top:12px;
    width:40%
}
.single-photo-contest-area .about-content ul.single-photo-slide2 .owl-buttons{
    right:10px;
    position:absolute;
    top:-60px
}
.single-photo-contest-area .about-content ul.single-photo-slide2 .owl-buttons div{
    background:#0084ff!important;
    width:35px;
    height:35px;
    border-radius:0!important;
    opacity:1!important;
    margin:2px!important
}
.single-photo-contest-area .about-content ul.single-photo-slide2 .owl-buttons div:hover{
    background:#000!important
}
.single-photo-contest-area .about-content ul.single-photo-slide2 .owl-buttons div i{
    font-size:20px;
    font-weight:400;
    line-height:28px
}
.single-photo-contest-area .about-content ul.home-single-slide .owl-buttons{
    right:10px;
    position:absolute;
    top:-60px
}
.single-photo-contest-area .about-content ul.home-single-slide .owl-buttons div{
    background:#696969!important;
    width:35px;
    height:35px;
    border-radius:0!important;
    opacity:1!important;
    margin:2px!important
}
.single-photo-contest-area .about-content ul.home-single-slide .owl-buttons div:hover{
    background:#000!important
}
.single-photo-contest-area .about-content ul.home-single-slide .owl-buttons div i{
    font-size:20px;
    font-weight:400;
    line-height:28px
}
.single-photo-contest-area .about-content ul.single-photo-slide .owl-buttons{
    right:10px;
    position:absolute;
    top:-60px
}
.single-photo-contest-area .about-content ul.single-photo-slide .owl-buttons div{
    background:#0084ff!important;
    width:35px;
    height:35px;
    border-radius:0!important;
    opacity:1!important;
    margin:2px!important
}
.single-photo-contest-area .about-content ul.single-photo-slide .owl-buttons div:hover{
    background:#000!important
}
.single-photo-contest-area .about-content ul.single-photo-slide .owl-buttons div i{
    font-size:20px;
    font-weight:400;
    line-height:28px
}
.single-photo-contest-area .about-text{
    float:right;
    width:50%;
    padding:0 50px;
    position:relative
}
.single-photo-contest-area .about-text>h3{
    margin-bottom:15px
}
.single-photo-contest-area .about-text>h3>a{
    display:block;
    color:#696969;
    transition:all .5s ease 0s
}
.single-photo-contest-area .about-text>h3>a:hover{
    color:#0084ff
}
.single-photo-contest-area .about-text .informatons h4{
    margin-bottom:5px
}
.single-photo-contest-area .about-text .informatons p{
    margin-bottom:0
}
.single-photo-contest-area .about-text p{
    line-height:28px
}
.single-photo-contest-area .about-text>a{
    margin-top:30px;
    display:inline-block;
    border:1px solid #0084ff;
    font-size:16px;
    color:#0084ff;
    transition:all .5s ease 0s;
    border-radius:0;
    padding:10px 18px
}
.single-photo-contest-area .about-text>a:hover{
    border:1px solid #0084ff;
    background:#0084ff;
    color:#fff
}
.single-photo-contest-area .about-image{
    width:50%;
    float:right;
    position:relative;
    overflow:hidden
}
.single-photo-contest-area .about-image:hover img{
    transform:scale(1.2)
}
.single-photo-contest-area .about-image:hover .overley{
    opacity:1;
    bottom:0
}
.single-photo-contest-area .about-image img{
    width:100%;
    transition:all .5s ease 0s
}
.single-photo-contest-area .about-image .overley{
    position:absolute;
    left:0;
    bottom:-100px;
    background:rgba(211,47,47,.8);
    height:70px;
    width:100%;
    opacity:0;
    transition:all .5s ease 0s
}
.single-photo-contest-area .about-image .overley h4{
    margin-bottom:0
}
.single-photo-contest-area .about-image .overley h4 a{
    display:block;
    color:#fff;
    padding:25px 0 0 25px;
    font-weight:400;
    transition:all .5s ease 0s
}
.single-photo-contest-area .about-image .overley h4 a:hover{
    color:#ddd
}
.portfolio-two .single-portfolio{
    margin:0
}
.home-single-contest{
    background:#f5f5f5;
    width:100%
}
.home-single-contest .inner{
    background:#fff
}
.home-single-contest .single-photo-contest-area .about-text{
    float:none;
    width:100%;
    padding:20px 0
}
.home-single-contest .single-photo-contest-area .about-image{
    float:none;
    width:100%
}
@media screen and (min-width:768px){
    .home-single-contest .item{
        margin:10px
    }
    .home-single-contest .owl-item:nth-child(3n+1)>.item{
        margin-left:0
    }
    .home-single-contest .owl-item:nth-child(3n+3)>.item{
        margin-right:0
    }
}
.blog-page-area{
    padding:90px 0
}
.blog-page-area .single-blog-slide{
    position:relative;
    overflow:hidden;
    padding:15px 0;
    width:100%!important
}
.blog-page-area .single-blog-slide .images{
    position:relative;
    overflow:hidden;
    margin-bottom:30px
}
.blog-page-area .single-blog-slide .images:hover .overley{
    opacity:1;
    transform:scale(1)
}
.blog-page-area .single-blog-slide .images a{
    display:block
}
.blog-page-area .single-blog-slide .images a img{
    width:100%
}
.blog-page-area .single-blog-slide .images span{
    position:absolute;
    left:0;
    bottom:0;
    width:60px;
    height:60px;
    background:#0084ff;
    color:#fff;
    padding:2px;
    text-align:center;
    z-index:99
}
.blog-page-area .single-blog-slide .images .overley{
    position:absolute;
    left:0;
    right:0;
    text-align:center;
    width:100%;
    height:100%;
    background:rgba(211,47,47,.8);
    top:0;
    transform:scale(0);
    transform-origin:0 1 0;
    opacity:0;
    transition:all .5s ease 0s
}
.blog-page-area .single-blog-slide .images .overley ul{
    margin:0;
    padding:0;
    list-style:none;
    position:relative;
    top:45%;
    transform:rotate(0deg);
    transition:all .9s
}
.blog-page-area .single-blog-slide .images .overley ul li{
    display:inline-block;
    color:#fff;
    margin-right:5px
}
.blog-page-area .single-blog-slide .images .overley ul li i{
    color:#fff;
    margin-right:10px;
    font-size:16px;
    width:45px;
    height:45px;
    line-height:45px;
    border:1px solid #fff;
    border-radius:50%
}
.blog-page-area .single-blog-slide .blog-informations ul{
    margin:0 0 10px;
    padding:0;
    list-style:none
}
.blog-page-area .single-blog-slide .blog-informations ul li{
    display:inline-block;
    margin-right:15px
}
.blog-page-area .single-blog-slide .blog-informations ul li:last-child{
    margin-right:0
}
.blog-page-area .single-blog-slide .blog-informations ul li i{
    color:#0084ff;
    margin-right:5px
}
.blog-page-area .single-blog-slide .blog-informations .blog-details h3{
    margin-bottom:20px
}
.blog-page-area .single-blog-slide .blog-informations .blog-details h3 a{
    color:#333;
    transition:all .5s ease 0s;
    font-size:18px
}
.blog-page-area .single-blog-slide .blog-informations .blog-details h3 a:hover{
    color:#0084ff
}
.blog-page-area .single-blog-slide .blog-informations .blog-details p{
    margin-bottom:30px
}
.blog-page-area .single-blog-slide .blog-informations .blog-details .read-more{
    display:block
}
.blog-page-area .single-blog-slide .blog-informations .blog-details .read-more a{
    display:inline-block;
    color:#333;
    font-size:16px;
    transition:all .5s ease 0s;
    font-weight:800;
    position:relative
}
.blog-page-area .single-blog-slide .blog-informations .blog-details .read-more a:after{
    content:"\f101";
    font-family:fontawesome;
    color:#0084ff;
    font-weight:600;
    font-size:16px;
    position:absolute;
    top:0;
    right:0;
    opacity:0;
    transition:all .5s ease 0s
}
.blog-page-area .single-blog-slide .blog-informations .blog-details .read-more a:hover{
    color:#0084ff
}
.blog-page-area .single-blog-slide .blog-informations .blog-details .read-more a:hover:after{
    right:-30px;
    opacity:1
}
.others-photo-contester-area{
    padding:85px 0
}
.others-photo-contester-area .single-others-contester{
    position:relative;
    overflow:hidden;
    margin:15px 0;
    background:#fff
}
.others-photo-contester-area .single-others-contester .images{
    position:relative;
    overflow:hidden;
    margin-bottom:30px
}
.others-photo-contester-area .single-others-contester .images:hover .overley{
    opacity:1;
    transform:scale(1)
}
.others-photo-contester-area .single-others-contester .images img{
    width:100%
}
.others-photo-contester-area .single-others-contester .images span{
    position:absolute;
    left:0;
    bottom:0;
    width:60px;
    height:60px;
    background:#0084ff;
    color:#fff;
    padding:2px;
    text-align:center;
    z-index:99
}
.others-photo-contester-area .single-others-contester .images .overley{
    position:absolute;
    left:0;
    right:0;
    text-align:center;
    width:100%;
    height:100%;
    background:rgba(211,47,47,.9);
    top:0;
    transform:scale(0);
    transform-origin:0 1 0;
    opacity:0;
    transition:all .5s ease 0s
}
.others-photo-contester-area .single-others-contester .images .overley ul{
    margin:0;
    padding:0;
    list-style:none;
    position:relative;
    top:35%;
    transform:rotate(0deg);
    transition:all .9s
}
.others-photo-contester-area .single-others-contester .images .overley ul li{
    display:inline-block;
    color:#fff;
    margin-right:5px
}
.others-photo-contester-area .single-others-contester .images .overley ul li i{
    color:#fff;
    margin-right:5px;
    font-size:16px;
    width:45px;
    height:45px;
    line-height:45px;
    border:1px solid #fff;
    border-radius:50%
}
.others-photo-contester-area .single-others-contester h3{
    font-size:16px;
    font-weight:500;
    color:#000;
    margin-bottom:10px
}
.others-photo-contester-area .single-others-contester ul{
    margin:0 0 20px;
    padding:0;
    list-style:none
}
.others-photo-contester-area .single-others-contester ul li{
    display:inline-block;
    margin-right:15px;
    font-size:14px
}
.others-photo-contester-area .single-others-contester ul li i{
    font-size:16px;
    color:#0084ff;
    font-weight:600;
    margin:0 5px 0 2px
}
.single-blog-page-area .leave-comments-area fieldset .btn-send{
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0
}
.sidebar-area .single-sidebar{
    margin-bottom:30px
}
.sidebar-area .single-sidebar h2{
    color:#000;
    font-size:20px;
    font-weight:600;
    text-transform:uppercase;
    position:relative;
    font-family:Roboto,sans-serif;
    margin-bottom:40px
}
.sidebar-area .single-sidebar h2:after{
    position:absolute;
    bottom:-20px;
    left:0;
    content:"";
    background:#0084ff;
    width:60px;
    height:3px
}
.sidebar-area .single-sidebar .sidebar-search{
    overflow:hidden;
    position:relative
}
.sidebar-area .single-sidebar .sidebar-search input{
    border:1px solid #b52929;
    color:#000;
    padding:10px;
    width:100%
}
.sidebar-area .single-sidebar .sidebar-search button{
    background:0 0;
    border:none;
    color:#0084ff;
    padding:11px;
    position:absolute;
    right:0;
    top:0;
    z-index:999;
    font-size:20px
}
.sidebar-area .single-sidebar .sidebar-category ul li{
    border-bottom:1px dotted #0084ff;
    position:relative
}
.sidebar-area .single-sidebar .sidebar-category ul li a{
    color:#b52929;
    display:block;
    padding:5px;
    text-decoration:none;
    transition:all .3s ease 0s
}
.sidebar-area .single-sidebar .sidebar-category ul li a:hover{
    color:#0084ff
}
.sidebar-area .single-sidebar .sidebar-category ul li a:before{
    color:#0084ff;
    content:"\f105";
    font-family:FontAwesome;
    height:15px;
    left:-5px;
    position:absolute;
    top:5px;
    width:15px
}
.sidebar-area .single-sidebar .sidebar-recent-post .pull-left img{
    transition:all .5s ease 0s
}
.sidebar-area .single-sidebar .sidebar-recent-post .pull-left img:hover{
    opacity:.9
}
.sidebar-area .single-sidebar .sidebar-recent-post .media-body h4 a{
    color:#000;
    transition:all .5s ease 0s;
    display:block;
    margin-top:0;
    font-weight:600;
    font-size:20px
}
.sidebar-area .single-sidebar .sidebar-recent-post .media-body h4 a:hover{
    color:#0084ff
}
.sidebar-area .single-sidebar .sidebar-recent-post .media-body .posted-date a{
    color:#0084ff;
    font-weight:600;
    transition:all .5s ease 0s
}
.sidebar-area .single-sidebar .sidebar-recent-post .media-body .posted-date a:hover{
    color:#b52929
}
.sidebar-area .single-sidebar .popular-tags ul li{
    display:inline-block;
    border:1px solid #e1e1e1;
    margin:2px
}
.sidebar-area .single-sidebar .popular-tags ul li:hover{
    border:1px solid #0084ff;
    background:#0084ff
}
.sidebar-area .single-sidebar .popular-tags ul li:hover a{
    color:#fff
}
.sidebar-area .single-sidebar .popular-tags ul li a{
    padding:5px 10px;
    text-decoration:none;
    display:block;
    color:#6a6a6a
}
.contact-us-page-area{
    padding:90px 0
}
.contact-us-page-area .contact-us-page h2{
    color:#000;
    font-size:30px;
    font-weight:600;
    position:relative;
    font-family:Roboto,sans-serif;
    margin-bottom:40px;
    text-decoration:none
}
.contact-us-page-area .contact-us-page h2:after{
    position:absolute;
    bottom:-20px;
    left:0;
    content:"";
    background:#0084ff;
    width:60px;
    height:3px
}
.contact-us-page-area .contact-box{
    padding:30px 0
}
.contact-us-page-area .contact-box .single-contact-box ul{
    margin:0;
    padding:0;
    list-style:none
}
.contact-us-page-area .contact-box .single-contact-box ul li{
    display:block;
    margin-bottom:10px;
    font-size:14px;
    position:relative;
    padding-left:30px
}
.contact-us-page-area .contact-box .single-contact-box ul li a{
    color:#333;
    transition:all .5s ease 0s
}
.contact-us-page-area .contact-box .single-contact-box ul li a:hover{
    color:#0084ff
}
.contact-us-page-area .contact-box .single-contact-box ul li span i{
    color:#0084ff;
    font-weight:800;
    font-size:20px;
    margin-right:10px;
    position:absolute;
    left:0;
    top:5px
}
.contact-us-page-area .leave-comments-area{
    padding-top:30px
}
.contact-us-page-area .leave-comments-area h4{
    color:#000;
    font-size:30px;
    font-weight:600;
    position:relative;
    font-family:Roboto,sans-serif;
    margin-bottom:40px;
    text-decoration:none
}
.contact-us-page-area .leave-comments-area h4:after{
    position:absolute;
    bottom:-20px;
    left:0;
    content:"";
    background:#0084ff;
    width:60px;
    height:3px
}
.contact-us-page-area .leave-comments-area fieldset{
    margin-top:20px;
    margin-left:-15px
}
.contact-us-page-area .leave-comments-area fieldset input{
    background:#ddd;
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    height:45px;
    margin-right:20px
}
.contact-us-page-area .leave-comments-area fieldset input:focus{
    border:0;
    box-shadow:none
}
.contact-us-page-area .leave-comments-area fieldset textarea{
    background:#ddd;
    border-radius:0;
    margin-right:20px
}
.contact-us-page-area .leave-comments-area fieldset textarea:focus{
    border:0;
    box-shadow:none
}
.contact-us-page-area .leave-comments-area fieldset .btn-send{
    background:#0084ff;
    border:0;
    color:#fff;
    display:block;
    font-size:15px;
    font-weight:700;
    padding:15px 45px;
    text-transform:uppercase;
    transition:all .5s ease 0s;
    margin-top:10px;
    border-radius:0
}
.contact-us-page-area .leave-comments-area fieldset .btn-send:hover{
    background:#b52929
}
.error-page-area{
    padding:90px 0;
    text-align:center
}
.error-page-area .error-page{
    background:center center #0084ff;
    background-size:cover;
    padding:90px
}
.error-page-area .error-page h1{
    font-size:300px;
    color:#fff;
    line-height:300px
}
.error-page-area .error-page p{
    font-size:30px;
    color:#fff
}
.error-page-area .error-page-message{
    margin-top:60px
}
.error-page-area .error-page-message p{
    font-size:18px;
    color:#000
}
.error-page-area .error-page-message .home-page a{
    display:inline-block;
    text-decoration:none;
    font-size:18px;
    color:#fff;
    background:#0084ff;
    padding:15px 35px;
    transition:all .5s ease 0s
}
.error-page-area .error-page-message .home-page a:hover{
    background:#b52929;
    color:#fff
}
.loginregistration-area{
    padding:100px 0
}
.loginregistration-area .login-area{
    background:#f8f8f8;
    padding:30px
}
.loginregistration-area .login-area h2{
    color:#222;
    font-family:Roboto,sans-serif;
    font-size:24px;
    font-weight:700;
    margin-bottom:50px;
    position:relative;
    text-transform:uppercase
}
.loginregistration-area .login-area h2:after{
    background:#0084ff;
    content:"";
    height:2px;
    left:0;
    position:absolute;
    top:50px;
    width:60px
}
.loginregistration-area .login-area fieldset{
    margin-top:20px;
    margin-left:-15px
}
.loginregistration-area .login-area fieldset label{
    font-size:16px;
    font-weight:400;
    margin:10px 0
}
.loginregistration-area .login-area fieldset input{
    background:#fff;
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    height:45px;
    margin-right:20px
}
.loginregistration-area .login-area fieldset input:focus{
    border:0;
    box-shadow:none
}
.loginregistration-area .login-area fieldset textarea{
    background:#ddd;
    border-radius:0;
    margin-right:20px
}
.loginregistration-area .login-area fieldset textarea:focus{
    border:0;
    box-shadow:none
}
.loginregistration-area .login-area fieldset .btn-send{
    background:#0084ff;
    border:0;
    color:#fff;
    display:block;
    font-size:18px;
    font-weight:700;
    padding:20px 45px;
    transition:all .5s ease 0s;
    margin-top:10px;
    width:100%;
    text-transform:uppercase
}
.loginregistration-area .login-area fieldset .btn-send:hover{
    background:#b52929
}
.loginregistration-area .login-area .connected-area{
    margin-top:20px
}
.loginregistration-area .login-area .connected-area p{
    color:#222;
    font-size:18px
}
.loginregistration-area .login-area .connected-area ul li{
    display:inline-block;
    margin-right:5px;
    cursor:pointer
}
.loginregistration-area .login-area .connected-area ul li img{
    width:100%
}
.loginregistration-area .login-area .checkbox label input{
    margin:-10px 0 0 -18px;
    display:inline-block;
    outline:0
}
.loginregistration-area .login-area .checkbox p{
    margin:10px 0
}
.loginregistration-area .login-area .checkbox p a{
    color:#00aeef;
    font-size:16px;
    transition:all .5s ease 0s
}
.loginregistration-area .login-area .checkbox p a:hover{
    color:#0084ff
}
.loginregistration-area .registration-area{
    background:#f8f8f8;
    padding:30px
}
.loginregistration-area .registration-area h2{
    color:#222;
    font-family:Roboto,sans-serif;
    font-size:24px;
    font-weight:700;
    margin-bottom:50px;
    position:relative;
    text-transform:uppercase
}
.loginregistration-area .registration-area h2:after{
    background:#0084ff;
    content:"";
    height:2px;
    left:0;
    position:absolute;
    top:50px;
    width:60px
}
.loginregistration-area .registration-area fieldset{
    margin-top:20px;
    margin-left:-15px
}
.loginregistration-area .registration-area fieldset label{
    font-size:16px;
    font-weight:400;
    margin:10px 0
}
.loginregistration-area .registration-area fieldset input{
    background:#fff;
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    height:45px;
    margin-right:20px
}
.loginregistration-area .registration-area fieldset input:focus{
    border:0;
    box-shadow:none
}
.loginregistration-area .registration-area fieldset textarea{
    background:#ddd;
    border-radius:0;
    margin-right:20px
}
.loginregistration-area .registration-area fieldset textarea:focus{
    border:0;
    box-shadow:none
}
.loginregistration-area .registration-area fieldset .btn-send{
    background:#000;
    border:0;
    color:#fff;
    display:block;
    font-size:18px;
    font-weight:700;
    padding:20px 45px;
    transition:all .5s ease 0s;
    margin-top:10px;
    width:100%;
    text-transform:uppercase
}
.loginregistration-area .registration-area fieldset .btn-send:hover{
    background:#0084ff
}
.photo-details-area{
    padding:100px 0
}
.photo-details-area .photo-details-slide{
    margin-bottom:30px
}
.photo-details-area .photo-details-slide .owl-buttons div{
    border:1px solid #0084ff;
    height:45px;
    opacity:1;
    width:45px;
    top:40%;
    border-radius:0;
    background:0 0
}
.photo-details-area .photo-details-slide .owl-buttons div i{
    font-size:30px;
    line-height:40px;
    color:#0084ff
}
.photo-details-area .photo-details-slide .owl-buttons div.owl-prev{
    position:absolute;
    left:5%
}
.photo-details-area .photo-details-slide .owl-buttons div.owl-next{
    position:absolute;
    right:5%
}
.photo-details-area .photo-details{
    background:#0084ff;
    margin-bottom:30px
}
.photo-details-area .photo-details ul{
    margin:0;
    padding:0;
    list-style:none
}
.photo-details-area .photo-details ul li{
    display:inline-block;
    padding:20px;
    color:#fff;
    margin-right:30px;
    border-right:1px solid #fff
}
.photo-details-area .photo-details ul li a{
    padding:10px;
    border:1px solid #fff;
    display:block;
    color:#fff
}
.photo-details-area .photo-details ul li:last-child{
    border-right:0
}
.photo-details-area .photo-details ul li i{
    font-weight:800;
    font-size:20px;
    margin-right:20px
}
.photo-details-area .photo-content p{
    margin-bottom:30px
}
.photo-details-area .photo-content ul{
    margin:0;
    padding:0;
    list-style:none
}
.photo-details-area .photo-content ul li{
    display:block;
    padding:0 0 20px;
    color:#444
}
.photo-details-area .photo-content ul li span{
    color:#000;
    font-size:16px;
    font-weight:600
}
.photo-content ul li{
    display:block;
    padding:0 0 10px;
    color:#444
}
.photo-content ul li span{
    color:#000;
    font-size:15px;
    font-weight:600
}
.single-blog-page-area{
    padding:100px 0
}
.single-blog-page-area .single-news-page .news-featured-image{
    position:relative;
    overflow:hidden;
    margin-bottom:30px
}
.single-blog-page-area .single-news-page .news-featured-image a{
    display:block;
    position:relative;
    overflow:hidden
}
.single-blog-page-area .single-news-page .news-featured-image a img{
    width:100%;
    transition:all .5s ease 0s
}
.single-blog-page-area .single-news-page .news-featured-image a img:hover{
    -ms-transform:scale(1.5);
    -webkit-transform:scale(1.5);
    transform:scale(1.5)
}
.single-blog-page-area .single-news-page .news-featured-image .date-area{
    position:absolute;
    top:0;
    left:0;
    background:#0084ff;
    width:55px;
    height:65px;
    padding:10px;
    margin:20px
}
.single-blog-page-area .single-news-page .news-featured-image .date-area ul{
    text-align:center;
    border:0 solid #fff
}
.single-blog-page-area .single-news-page .news-featured-image .date-area ul li{
    display:block;
    color:#fff;
    font-weight:600
}
.single-blog-page-area .single-news-page h3{
    margin-bottom:40px
}
.single-blog-page-area .single-news-page h3 a{
    color:#000;
    font-size:20px;
    font-weight:600;
    position:relative;
    font-family:Roboto,sans-serif;
    margin-bottom:40px;
    text-decoration:none
}
.single-blog-page-area .single-news-page h3 a:after{
    position:absolute;
    bottom:-20px;
    left:0;
    content:"";
    background:#0084ff;
    width:60px;
    height:3px
}
.single-blog-page-area .single-news-page ul{
    text-align:left;
    margin-bottom:30px;
    padding-bottom:15px
}
.single-blog-page-area .single-news-page ul li{
    display:inline-block
}
.single-blog-page-area .single-news-page ul li span{
    color:#0084ff;
    font-weight:600
}
.single-blog-page-area .single-blog-content{
    padding-bottom:60px;
    border-bottom:1px solid #e1e1e1
}
.single-blog-page-area .single-blog-content blockquote{
    border-left:2px solid #0084ff
}
.single-blog-page-area .content-info .blog-content-tag{
    margin-top:20px
}
.single-blog-page-area .content-info .blog-content-tag ul li{
    display:inline-block;
    margin-right:7px
}
.single-blog-page-area .content-info .blog-content-tag ul li span{
    color:#000;
    font-size:18px;
    font-weight:600
}
.single-blog-page-area .content-info .blog-content-share-social-icons{
    margin-top:25px
}
.single-blog-page-area .content-info .blog-content-share-social-icons ul{
    text-align:right
}
.single-blog-page-area .content-info .blog-content-share-social-icons ul li{
    display:inline-block;
    margin-right:7px
}
.single-blog-page-area .content-info .blog-content-share-social-icons ul li span{
    color:#000;
    font-size:18px;
    font-weight:600
}
.single-blog-page-area .content-info .blog-content-share-social-icons ul li a{
    display:block;
    width:30px;
    height:30px;
    line-height:28px;
    color:#0084ff;
    border:1px solid #c3c3c3;
    transition:all .5s ease 0s;
    text-decoration:none;
    text-align:center
}
.single-blog-page-area .content-info .blog-content-share-social-icons ul li a:hover{
    background:#0084ff;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    border:1px solid #0084ff
}
.single-blog-page-area .content-info .blog-content-share-social-icons ul li a:hover i{
    color:#fff
}
.single-blog-page-area .author-post{
    margin-top:30px
}
.single-blog-page-area .author-post h2{
    color:#222;
    font-size:24px;
    font-weight:600;
    position:relative;
    font-family:Roboto,sans-serif;
    margin-bottom:40px;
    text-decoration:none
}
.single-blog-page-area .author-post .single-author-post{
    border:1px solid #e1e1e1;
    padding:30px
}
.single-blog-page-area .author-post .single-author-post .media .pull-left{
    margin-right:10px
}
.single-blog-page-area .author-post .single-author-post .media .pull-left a{
    display:block
}
.single-blog-page-area .author-post .single-author-post .media .pull-left a img{
    width:100%
}
.single-blog-page-area .author-post .single-author-post .media .media-body h4.media-heading{
    color:#0084ff;
    font-size:18px;
    font-weight:600;
    position:relative;
    font-family:Roboto,sans-serif;
    margin-bottom:20px
}
.single-blog-page-area .author-comment{
    margin-top:60px;
    border-bottom:1px solid #e1e1e1
}
.single-blog-page-area .author-comment h2{
    color:#222;
    font-size:24px;
    font-weight:600;
    position:relative;
    font-family:Roboto,sans-serif;
    margin-bottom:20px;
    text-decoration:none
}
.single-blog-page-area .author-comment .single-author-comment{
    padding:30px
}
.single-blog-page-area .author-comment .single-author-comment .media .pull-left{
    margin-right:10px
}
.single-blog-page-area .author-comment .single-author-comment .media .pull-left a{
    display:block
}
.single-blog-page-area .author-comment .single-author-comment .media .pull-left a img{
    width:100%
}
.single-blog-page-area .author-comment .single-author-comment .media .media-body h4.media-heading{
    color:#0084ff;
    font-size:18px;
    font-weight:600;
    position:relative;
    font-family:Roboto,sans-serif;
    margin-bottom:5px
}
.single-blog-page-area .author-comment .single-author-comment .media .media-body ul{
    text-align:left;
    margin-bottom:10px
}
.single-blog-page-area .author-comment .single-author-comment .media .media-body ul li{
    display:inline-block
}
.single-blog-page-area .author-comment .single-author-comment .media .media-body ul li.right{
    float:right
}
.single-blog-page-area .author-comment .single-author-comment .media .media-body ul li.right i{
    color:#0084ff;
    margin-right:5px
}
.single-blog-page-area .leave-comments-area{
    padding-top:30px
}
.single-blog-page-area .leave-comments-area h4{
    color:#222;
    font-size:24px;
    font-weight:600;
    position:relative;
    font-family:Roboto,sans-serif;
    margin-bottom:40px;
    text-decoration:none
}
.single-blog-page-area .leave-comments-area fieldset{
    margin-top:20px;
    margin-left:-15px
}
.single-blog-page-area .leave-comments-area fieldset input{
    background:#ddd;
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    height:45px;
    margin-right:20px
}
.single-blog-page-area .leave-comments-area fieldset input:focus{
    border:0;
    box-shadow:none
}
.single-blog-page-area .leave-comments-area fieldset textarea{
    background:#ddd;
    border-radius:0;
    margin-right:20px
}
.single-blog-page-area .leave-comments-area fieldset textarea:focus{
    border:0;
    box-shadow:none
}
.single-blog-page-area .leave-comments-area fieldset .btn-send{
    background:#0084ff;
    border:0;
    color:#fff;
    display:block;
    font-size:15px;
    font-weight:700;
    padding:15px 45px;
    text-transform:uppercase;
    transition:all .5s ease 0s;
    margin-top:10px
}
.single-blog-page-area .leave-comments-area fieldset .btn-send:hover{
    background:#b52929
}
.multistep-form{
    padding:100px 0;
    overflow:hidden
}
.multistep-form .active{
    background:#0084ff;
    color:#fff
}
.multistep-form fieldset{
    display:none;
    margin:60px 0 0;
    text-align:center
}
.multistep-form fieldset h2{
    font-size:24px;
    font-weight:600;
    margin-bottom:20px
}
.multistep-form fieldset input{
    margin-bottom:15px;
    width:50%;
    height:45px;
    border-radius:0;
    border:1px solid #ddd;
    padding:10px
}
.multistep-form fieldset input:outline{
    border:none;
    box-shadow:none
}
.multistep-form fieldset input:focus{
    -webkit-box-shadow:0 0 1px 1px #0084ff;
    -moz-box-shadow:0 0 1px 1px #0084ff;
    box-shadow:0 0 1px 1px #0084ff;
    border:0 solid #0084ff
}
.multistep-form fieldset input[type=button]{
    background:#0084ff;
    color:#fff;
    text-transform:uppercase;
    font-size:16px;
    transition:all .5s ease 0s;
    line-height:20px
}
.multistep-form fieldset input[type=button]:hover{
    background:#b52929
}
.multistep-form fieldset input[type=file]{
    display:block;
    margin:auto;
    padding:0
}
.multistep-form fieldset select{
    margin-bottom:15px;
    width:50%;
    height:45px;
    border-radius:0;
    border:1px solid #ddd;
    padding:10px
}
.multistep-form fieldset select:outline{
    border:none;
    box-shadow:none
}
.multistep-form fieldset select:focus{
    -webkit-box-shadow:0 0 1px 1px #0084ff;
    -moz-box-shadow:0 0 1px 1px #0084ff;
    box-shadow:0 0 1px 1px #0084ff;
    border:0 solid #0084ff
}
.multistep-form fieldset textarea{
    margin-bottom:15px;
    width:50%;
    height:150px;
    border-radius:0;
    border:1px solid #ddd;
    padding:10px
}
.multistep-form fieldset textarea:outline{
    border:none;
    box-shadow:none
}
.multistep-form fieldset textarea:focus{
    -webkit-box-shadow:0 0 1px 1px #0084ff;
    -moz-box-shadow:0 0 1px 1px #0084ff;
    box-shadow:0 0 1px 1px #0084ff;
    border:0 solid #0084ff
}
.multistep-form fieldset ul#preview{
    margin:0;
    padding:0;
    list-style:none;
    text-align:left;
    width:50%;
    display:inline-block
}
.multistep-form fieldset ul#preview li{
    display:block;
    margin-bottom:10px
}
.multistep-form fieldset ul#preview li img{
    width:100%
}
.multistep-form fieldset ul#preview li span{
    font-weight:800;
    color:#000;
    margin-right:15px
}
.multistep-form fieldset .term-and-conditions input{
    width:auto;
    height:auto
}
.multistep-form #first{
    display:block;
    margin:60px 0 0;
    text-align:center
}
.multistep-form #first h2{
    font-size:24px;
    font-weight:600;
    margin-bottom:20px
}
.multistep-form #first input{
    margin-bottom:15px;
    width:50%;
    height:45px;
    border-radius:0;
    border:1px solid #ddd;
    padding:10px
}
.multistep-form #first input:outline{
    border:none;
    box-shadow:none
}
.multistep-form #first input:focus{
    -webkit-box-shadow:0 0 1px 1px #0084ff;
    -moz-box-shadow:0 0 1px 1px #0084ff;
    box-shadow:0 0 1px 1px #0084ff;
    border:0 solid #0084ff
}
.multistep-form #first input[type=button]{
    background:#0084ff;
    color:#fff;
    text-transform:uppercase;
    font-size:16px;
    transition:all .5s ease 0s;
    line-height:20px;
    position:relative
}
.multistep-form #first input[type=button]:after{
    position:absolute;
    content:"\f105";
    font-family:fontawesome;
    right:0;
    top:0;
    color:#fff;
    margin-right:30px;
    font-weight:600
}
.multistep-form #first input[type=button]:hover{
    background:#b52929
}
.multistep-form #first select{
    margin-bottom:15px;
    width:50%;
    height:45px;
    border-radius:0;
    border:1px solid #ddd;
    padding:10px
}
.multistep-form #first select:outline{
    border:none;
    box-shadow:none
}
.multistep-form #first select:focus{
    -webkit-box-shadow:0 0 1px 1px #0084ff;
    -moz-box-shadow:0 0 1px 1px #0084ff;
    box-shadow:0 0 1px 1px #0084ff;
    border:0 solid #0084ff
}
.multistep-form #first textarea{
    margin-bottom:15px;
    width:50%;
    height:150px;
    border-radius:0;
    border:1px solid #ddd;
    padding:10px
}
.multistep-form #first textarea:outline{
    border:none;
    box-shadow:none
}
.multistep-form #first textarea:focus{
    -webkit-box-shadow:0 0 1px 1px #0084ff;
    -moz-box-shadow:0 0 1px 1px #0084ff;
    box-shadow:0 0 1px 1px #0084ff;
    border:0 solid #0084ff
}
.multistep-form #first ul#preview{
    margin:0;
    padding:0;
    list-style:none;
    text-align:left;
    width:50%;
    display:inline-block
}
.multistep-form #first ul#preview li{
    display:block;
    margin-bottom:10px
}
.multistep-form #first ul#preview li span{
    font-weight:800;
    color:#000;
    margin-right:15px
}
.multistep-form #first .term-and-conditions input{
    width:auto;
    height:auto
}
.multistep-form ul#progressbar{
    margin:0;
    padding:0;
    list-style:none;
    text-align:center
}
.multistep-form ul#progressbar li{
    display:inline-block;
    margin:0 15px;
    border:1px solid #0084ff;
    padding:10px 20px;
    transition:all .5s ease 0s
}
.multistep-form ul#progressbar li:hover{
    background:#0084ff;
    color:#fff
}
.page-sidebar-area{
    padding-top:30px
}
.page-sidebar-area .single-sidebar h3{
    color:#000;
    font-size:20px;
    font-weight:700;
    font-family:Roboto,sans-serif;
    transition:all .5s ease 0s;
    position:relative;
    text-transform:uppercase;
    margin-bottom:45px
}
.page-sidebar-area .single-sidebar h3:after{
    position:absolute;
    content:"";
    left:0;
    top:40px;
    display:block;
    background:#0084ff;
    width:50px;
    height:3px
}
.page-sidebar-area .single-sidebar ul{
    margin:0 0 20px;
    padding:0
}
.page-sidebar-area .single-sidebar ul li{
    border-bottom:1px solid #ddd;
    margin-bottom:10px;
    padding-bottom:10px;
    margin-left:0;
    display:block
}
.page-sidebar-area .single-sidebar ul li a{
    color:#333;
    transition:all .5s ease 0s
}
.page-sidebar-area .single-sidebar ul li a:hover{
    color:#0084ff
}
.page-sidebar-area .single-sidebar ul li:last-child{
    border:none
}
.page-sidebar-area .single-sidebar ul li i{
    margin-right:15px;
    color:#0084ff;
    font-weight:600
}
.page-sidebar-area .single-sidebar ul li:hover{
    color:#0084ff
}
.page-sidebar-area .single-sidebar ul li span{
    float:right
}
.home-faq-area{
    padding:100px 0;
    background:url(images/faq.jpg) center center no-repeat;
    background-size:cover
}
.home-faq-area .faq-area h2{
    font-weight:800;
    font-size:30px;
    color:#fff;
    position:relative;
    margin-bottom:60px
}
.home-faq-area .faq-area h2:after{
    position:absolute;
    bottom:-20px;
    left:0;
    content:"";
    background:#0084ff;
    width:60px;
    height:3px
}
.home-faq-area .faq-area .panel-group .panel-default{
    margin-bottom:5px;
    border:0 solid transparent
}
.home-faq-area .faq-area .panel-group .panel-default .panel-heading{
    padding:0
}
.home-faq-area .faq-area .panel-group .panel-default .panel-heading h4.panel-title a{
    display:block;
    padding:16px 10px;
    text-decoration:none;
    font-size:18px;
    background:#0084ff;
    color:#fff
}
.home-faq-area .faq-area .panel-group .panel-default .panel-heading h4.panel-title a.collapsed{
    display:block;
    padding:16px 10px;
    background:#fff;
    text-decoration:none;
    font-size:18px;
    color:#222;
    transition:all .5s ease 0s
}
.home-faq-area .faq-area .panel-group .panel-default .panel-heading h4.panel-title a.collapsed:hover{
    background:#0084ff;
    color:#fff
}
.home-faq-area .faq-area .panel-heading [data-toggle=collapse]:after{
    font-family:fontawesome;
    content:"\f105";
    float:right;
    color:#fff;
    font-size:18px;
    line-height:22px;
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    transform:rotate(-90deg)
}
.home-faq-area .faq-area .panel-heading [data-toggle=collapse].collapsed:after{
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    transform:rotate(90deg);
    color:#222
}
.home-faq-area .faq-image-area{
    overflow:hidden
}
.home-faq-area .faq-image-area h2{
    font-weight:800;
    font-size:30px;
    color:#fff;
    position:relative;
    margin-bottom:60px
}
.home-faq-area .faq-image-area h2:after{
    position:absolute;
    bottom:-20px;
    left:0;
    content:"";
    background:#0084ff;
    width:60px;
    height:3px
}
.home-faq-area .faq-image-area a{
    display:block
}
.home-faq-area .faq-image-area a img{
    width:100%;
    transition:all .5s ease 0s
}
.home-faq-area .faq-image-area a img:hover{
    background:rgba(1,177,215,.5)
}
.home-about-area .about-content-area h2{
    font-size:36px;
    color:#222;
    font-weight:600;
    margin-bottom:40px
}
.home-about-area .about-content-area h2 span{
    color:#0084ff
}
.home-about-area .about-content-area p{
    padding-right:20px;
    margin-bottom:0
}
.home-about-area .about-content-area .botton-area{
    margin-top:50px
}
.home-about-area .about-content-area .botton-area a{
    display:inline-block;
    padding:12px 30px;
    color:#fff;
    transition:all .5s ease 0s;
    background:#0084ff
}
.home-about-area .about-content-area .botton-area a i{
    margin-left:10px
}
.home-about-area .about-content-area .botton-area a:hover{
    background:#b52929
}
.home-about-area .about-featured-image a img{
    transition:all .5s ease 0s
}
.home-about-area .about-featured-image a img:hover{
    opacity:.9
}
.testimonial{
    padding:100px 0;
    background:url(images/testimonial.png) no-repeat;
    background-size:cover
}
.testimonial .testimonial-area .single-testimonial{
    padding:0 200px
}
.testimonial .testimonial-area .single-testimonial .testimonial-top{
    max-width:280px;
    margin:0 auto;
    text-align:center
}
.testimonial .testimonial-area .single-testimonial .testimonial-top .image{
    position:relative;
    margin-bottom:20px;
    margin-top:20px
}
.testimonial .testimonial-area .single-testimonial .testimonial-top .image:after{
    position:absolute;
    left:0;
    right:0;
    margin:auto;
    color:white;
    height:2px;
    content:"\f0d7";
    width:31px;
    font-family:fontawesome;
    top:-30px;
    font-size:22px
}
.testimonial .testimonial-area .single-testimonial .testimonial-top .image img{
    width:90px;
    height:90px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    border:1px solid #0084ff;
    box-shadow:0 0 1px 1px #0084ff
}
.testimonial .testimonial-area .single-testimonial .testimonial-top .details{
    display:inline-block;
    color:#fff;
    text-transform:uppercase
}
.testimonial .testimonial-area .single-testimonial .testimonial-top .details h3{
    margin-bottom:0;
    font-size:16px
}
.testimonial .testimonial-area .single-testimonial .testimonial-top .details p{
    font-size:14px
}
.testimonial .testimonial-area .single-testimonial .customer-comment{
    border:1px solid white;
    margin:10px
}
.testimonial .testimonial-area .single-testimonial .customer-comment p{
    color:#fff;
    padding:30px;
    margin:0;
    text-align:center
}
.testimonial .testimonial-area .owl-controls .owl-pagination .owl-page.active span{
    background:#fff;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    width:10px;
    height:10px
}
.testimonial .testimonial-area .owl-controls .owl-pagination .owl-page span{
    background:#0084ff;
    width:10px;
    height:10px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%
}
.home-page-core-activities-area{
    overflow:hidden;
    background-size:cover;
    background-position:center center;
    height:620px
}
.home-page-core-activities-area .home-activities-area{
    background:#000;
    padding:60px 103px;
    position:relative;
    overflow:hidden
}
.home-page-core-activities-area .home-activities-area h2{
    color:#fff;
    font-size:36px;
    font-weight:800;
    left:-175px;
    letter-spacing:0;
    position:absolute;
    text-transform:uppercase;
    top:47%;
    transform:rotate(270deg)
}
.home-page-core-activities-area .home-activities-area h2:after{
    content:"";
    left:411px;
    top:0;
    background:url(img/arrow.png) no-repeat;
    height:125px;
    width:116px;
    position:absolute;
    -ms-transform:rotate(-270deg);
    -webkit-transform:rotate(-270deg);
    transform:rotate(-270deg);
    display:none
}
.home-page-core-activities-area .home-activities-area .single-activities{
    margin:30px 0
}
.home-page-core-activities-area .home-activities-area .single-activities:hover .media .pull-left a{
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    transform:rotate(360deg)
}
.home-page-core-activities-area .home-activities-area .single-activities:hover .media .media-body h4.media-heading a{
    color:#0084ff
}
.home-page-core-activities-area .home-activities-area .single-activities .media .pull-left{
    margin-right:10px
}
.home-page-core-activities-area .home-activities-area .single-activities .media .pull-left a{
    width:70px;
    height:70px;
    background:#0084ff;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    display:block;
    text-align:center;
    font-size:35px;
    line-height:70px;
    transition:all .5s ease 0s
}
.home-page-core-activities-area .home-activities-area .single-activities .media .pull-left a i{
    color:#fff
}
.home-page-core-activities-area .home-activities-area .single-activities .media .media-body h4.media-heading a{
    font-size:20px;
    line-height:1.5;
    color:#fff;
    margin-bottom:20px;
    display:block;
    transition:all .5s ease 0s;
    font-weight:700
}
.home-page-core-activities-area .home-activities-area .single-activities .media .media-body h4.media-heading a:hover{
    color:#ddd
}
.home-page-core-activities-area .home-activities-area .single-activities .media .media-body p{
    color:#fff
}
.home-shop{
    padding:100px 0;
    overflow:hidden
}
.home-shop .home-ralated{
    padding:0!important
}
.home-shop .home-ralated .single-winners{
    position:relative;
    overflow:hidden
}
.home-shop .home-ralated .single-winners .images{
    position:relative;
    overflow:hidden;
    margin-bottom:30px
}
.home-shop .home-ralated .single-winners .images:hover h3 a{
    color:#0084ff
}
.home-shop .home-ralated .single-winners .images:hover .overley{
    opacity:1;
    transform:scaleY(1)
}
.home-shop .home-ralated .single-winners .images a{
    display:block
}
.home-shop .home-ralated .single-winners .images a img{
    transition:all .5s ease 0s;
    width:100%
}
.home-shop .home-ralated .single-winners .images .overley{
    position:absolute;
    left:0;
    right:0;
    text-align:center;
    width:100%;
    height:100%;
    background:rgba(211,47,47,.9);
    top:0;
    transform:scaleY(0);
    transform-origin:0 1 0;
    opacity:0;
    transition:all .5s ease 0s;
    padding:30px
}
.home-shop .home-ralated .single-winners .images .overley .winners-details{
    padding:20% 0
}
.home-shop .home-ralated .single-winners .images .overley .winners-details h4{
    margin-bottom:10px;
    padding-bottom:10px;
    color:#fff;
    font-size:18px;
    position:relative
}
.home-shop .home-ralated .single-winners .images .overley .winners-details h4:after{
    display:none
}
.home-shop .home-ralated .single-winners .images .overley .winners-details .product-info{
    margin:0;
    padding:0;
    list-style:none;
    top:50%;
    position:absolute;
    transform:translateY(-50%);
    transition:all .9s;
    text-align:center;
    left:0;
    right:0
}
.home-shop .home-ralated .single-winners .images .overley .winners-details .product-info li{
    display:inline-block
}
.home-shop .home-ralated .single-winners .images .overley .winners-details .product-info li a{
    color:#fff;
    text-transform:capitalize;
    text-decoration:none;
    width:30px;
    height:30px;
    line-height:30px;
    border:1px solid #fff;
    text-align:center;
    transition:all .5s ease 0s
}
.home-shop .home-ralated .single-winners .images .overley .winners-details .product-info li a:hover{
    background:#b52929;
    border:1px solid #b52929;
    color:#fff
}
.home-shop .home-ralated .single-winners .images .overley .winners-details .product-info li a i{
    font-size:16px;
    color:#fff;
    margin:0
}
.home-shop .home-ralated .single-winners .images .overley .winners-details p{
    margin-bottom:5px;
    color:#fff;
    font-size:12px
}
.home-shop .home-ralated .single-winners .images .overley .winners-details p i{
    color:#fff;
    margin-right:8px
}
.home-shop .home-ralated .single-winners h3{
    margin-bottom:10px!important;
    margin-left:0
}
.home-shop .home-ralated .single-winners h3 a{
    color:#333;
    transition:all .5s ease 0s;
    font-size:18px;
    text-transform:uppercase;
    margin:0
}
.home-shop .home-ralated .single-winners h3 a:hover{
    color:#0084ff
}
.home-shop .home-ralated .single-winners .price-details ul{
    margin:0;
    padding:0;
    text-align:left
}
.home-shop .home-ralated .single-winners .price-details ul li{
    display:block
}
.home-shop .home-ralated .single-winners .price-details ul li:first-child{
    font-weight:900;
    font-size:20px
}
.home-shop .home-ralated .single-winners .price-details ul li:first-child del{
    font-weight:300;
    margin-right:5px;
    font-size:12px
}
.home-shop .single-shop-area:after{
    background:#e1e1e1;
    content:"";
    height:2px;
    left:45%;
    margin:auto;
    position:absolute;
    top:-39px;
    width:40%;
    display:none
}
.home-shop .single-shop-area .single-winners{
    position:relative;
    overflow:hidden;
    margin:0 15px
}
.home-shop .single-shop-area .single-winners .images{
    position:relative;
    overflow:hidden;
    margin-bottom:30px
}
.home-shop .single-shop-area .single-winners .images:hover h3 a{
    color:#0084ff
}
.home-shop .single-shop-area .single-winners .images:hover .overley{
    opacity:1;
    transform:scaleY(1)
}
.home-shop .single-shop-area .single-winners .images a{
    display:block
}
.home-shop .single-shop-area .single-winners .images a img{
    transition:all .5s ease 0s
}
.home-shop .single-shop-area .single-winners .images .overley{
    position:absolute;
    left:0;
    right:0;
    text-align:left;
    width:100%;
    height:100%;
    background:rgba(211,47,47,.9);
    top:0;
    transform:scaleY(0);
    transform-origin:0 1 0;
    opacity:0;
    transition:all .5s ease 0s;
    padding:30px
}
.home-shop .single-shop-area .single-winners .images .overley .winners-details{
    padding:20% 0
}
.home-shop .single-shop-area .single-winners .images .overley .winners-details h4{
    margin-bottom:10px;
    padding-bottom:10px;
    color:#fff;
    font-size:18px;
    position:relative
}
.home-shop .single-shop-area .single-winners .images .overley .winners-details h4:after{
    position:absolute;
    bottom:0;
    width:60px;
    height:2px;
    background:#fff;
    left:0;
    content:""
}
.home-shop .single-shop-area .single-winners .images .overley .winners-details span{
    margin-bottom:5px;
    font-size:14px;
    color:#fff;
    font-weight:600
}
.home-shop .single-shop-area .single-winners .images .overley .winners-details p{
    margin-bottom:5px;
    color:#fff;
    font-size:12px
}
.home-shop .single-shop-area .single-winners .images .overley .winners-details p i{
    color:#fff;
    margin-right:8px
}
.home-shop .single-shop-area .single-winners .images .overley .winners-details ul{
    margin:0;
    padding:0;
    list-style:none;
    position:relative;
    top:18%;
    transform:rotate(0deg);
    transition:all .9s;
    text-align:left
}
.home-shop .single-shop-area .single-winners .images .overley .winners-details ul li{
    display:inline-block;
    margin-bottom:5px;
    color:#fff;
    margin-right:10px
}
.home-shop .single-shop-area .single-winners .images .overley .winners-details ul li i{
    margin-right:5px
}
.home-shop .single-shop-area .single-winners h3{
    margin-bottom:30px
}
.home-shop .single-shop-area .single-winners h3 a{
    color:#333;
    transition:all .5s ease 0s;
    font-size:18px;
    text-transform:uppercase
}
.home-shop .single-shop-area .single-winners h3 a:hover{
    color:#0084ff
}
.home-shop .single-shop-area .owl-buttons .owl-next{
    background:0 0;
    width:35px;
    height:35px;
    opacity:1;
    margin:2px;
    right:-40px;
    position:absolute;
    top:35%;
    border-radius:50%;
    border:1px dashed #0084ff
}
.home-shop .single-shop-area .owl-buttons .owl-next:hover{
    background:#0084ff;
    color:#fff
}
.home-shop .single-shop-area .owl-buttons .owl-next:hover i{
    color:#fff
}
.home-shop .single-shop-area .owl-buttons .owl-next i{
    font-size:20px;
    font-weight:400;
    line-height:28px;
    color:#0084ff
}
.home-shop .single-shop-area .owl-buttons .owl-prev{
    background:0 0;
    width:35px;
    height:35px;
    opacity:1;
    margin:2px;
    left:-40px;
    position:absolute;
    top:35%;
    border-radius:50%;
    border:1px dashed #0084ff
}
.home-shop .single-shop-area .owl-buttons .owl-prev:hover{
    background:#0084ff;
    color:#fff
}
.home-shop .single-shop-area .owl-buttons .owl-prev:hover i{
    color:#fff
}
.home-shop .single-shop-area .owl-buttons .owl-prev i{
    font-size:20px;
    font-weight:400;
    line-height:28px;
    color:#0084ff
}
.slider-bottom-area{
    padding:100px 0 80px;
    overflow:hidden
}
.slider-bottom-area .slider-bottom h2{
    font-size:48px;
    font-weight:600;
    color:#222;
    text-align:center
}
.slider-bottom-area .slider-bottom .total-business .single-business{
    text-align:center;
    margin:0 15px
}
.slider-bottom-area .slider-bottom .total-business .single-business:hover i{
    border-radius:30px
}
.slider-bottom-area .slider-bottom .total-business .single-business:hover h3{
    color:#ddd
}
.slider-bottom-area .slider-bottom .total-business .single-business:hover .read-more a:after{
    right:-30px;
    opacity:1
}
.slider-bottom-area .slider-bottom .total-business .single-business i{
    font-size:30px;
    color:#0084ff;
    margin-bottom:30px;
    transition:all .5s ease 0s;
    width:60px;
    height:60px;
    line-height:60px;
    border:1px dashed #0084ff
}
.slider-bottom-area .slider-bottom .total-business .single-business i:hover{
    width:60px;
    height:60px;
    line-height:60px;
    border:1px dashed #0084ff;
    border-radius:30px
}
.slider-bottom-area .slider-bottom .total-business .single-business h3{
    margin:0 0 20px
}
.slider-bottom-area .slider-bottom .total-business .single-business h3 a{
    font-size:22px;
    font-weight:600;
    color:#000;
    transition:all .5s ease 0s
}
.slider-bottom-area .slider-bottom .total-business .single-business h3 a:hover{
    color:#0084ff
}
.slider-bottom-area .slider-bottom .total-business .single-business .read-more{
    display:block
}
.slider-bottom-area .slider-bottom .total-business .single-business .read-more a{
    display:inline-block;
    color:#333;
    font-size:16px;
    transition:all .5s ease 0s;
    font-weight:800;
    position:relative
}
.slider-bottom-area .slider-bottom .total-business .single-business .read-more a:after{
    content:"\f101";
    font-family:fontawesome;
    color:#0084ff;
    font-weight:600;
    font-size:16px;
    position:absolute;
    top:0;
    right:0;
    opacity:0;
    transition:all .5s ease 0s
}
.slider-bottom-area .slider-bottom .total-business .single-business .read-more a:hover{
    color:#0084ff
}
.slider-bottom-area .slider-bottom .total-business .single-business .read-more a:hover:after{
    right:-30px;
    opacity:1
}
.slider-bottom-area .slider-bottom .total-business .owl-buttons .owl-prev{
    left:-60px;
    top:40%;
    position:absolute;
    width:40px;
    height:40px;
    line-height:30px;
    font-size:25px;
    border:1px dashed #0084ff;
    background:0 0;
    color:#fff;
    opacity:1;
    transition:all .5s ease 0s
}
.slider-bottom-area .slider-bottom .total-business .owl-buttons .owl-prev i{
    color:#0084ff
}
.slider-bottom-area .slider-bottom .total-business .owl-buttons .owl-prev:hover{
    background:#0084ff;
    color:#fff
}
.slider-bottom-area .slider-bottom .total-business .owl-buttons .owl-prev:hover i{
    color:#fff
}
.slider-bottom-area .slider-bottom .total-business .owl-buttons .owl-next{
    right:-60px;
    top:40%;
    position:absolute;
    width:40px;
    height:40px;
    line-height:30px;
    font-size:25px;
    border:1px dashed #0084ff;
    background:0 0;
    color:#fff;
    opacity:1;
    transition:all .5s ease 0s
}
.slider-bottom-area .slider-bottom .total-business .owl-buttons .owl-next i{
    color:#0084ff
}
.slider-bottom-area .slider-bottom .total-business .owl-buttons .owl-next:hover{
    background:#0084ff;
    color:#fff
}
.slider-bottom-area .slider-bottom .total-business .owl-buttons .owl-next:hover i{
    color:#fff
}
.home-two.home-two{
    position:inherit
}
.home-about-area{
    padding:100px 0;
    background:#f5f5f5
}
.home-about-area .about-content h3{
    color:#6d6d6d;
    font-weight:700;
    font-size:40px
}
.home-about-area .about-content h3 span{
    color:#0084ff
}
.home-about-area .about-content .about-content-list{
    margin-top:50px
}
.home-about-area .about-content .about-content-list .single-list:hover .media .pull-left a{
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    transform:rotate(360deg)
}
.home-about-area .about-content .about-content-list .single-list:hover .media .media-body h4.media-heading a{
    color:#0084ff
}
.home-about-area .about-content .about-content-list .single-list .media .pull-left{
    margin-right:20px
}
.home-about-area .about-content .about-content-list .single-list .media .pull-left a{
    display:block;
    transition:all .5s ease 0s;
    margin-bottom:20px;
    font-size:20px;
    color:#fff;
    width:50px;
    height:50px;
    background:#6d6d6d;
    position:relative;
    text-align:center;
    line-height:50px;
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    transform:rotate(0deg)
}
.home-about-area .about-content .about-content-list .single-list .media .pull-left a:hover{
    transform:rotateY(360deg);
    -webkit-transform:rotateY(360deg)
}
.home-about-area .about-content .about-content-list .single-list .media .pull-left a i{
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    transform:rotate(0deg)
}
.home-about-area .about-content .about-content-list .single-list .media .media-body h4.media-heading{
    margin-bottom:10px
}
.home-about-area .about-content .about-content-list .single-list .media .media-body h4.media-heading a{
    display:block;
    transition:all .5s ease 0s;
    font-size:16px;
    color:#4e4e4e;
    font-weight:500
}
.home-about-area .about-content .about-content-list .single-list .media .media-body h4.media-heading a:hover{
    color:#0084ff
}
.home-about-area .about-featured-image{
    text-align:center
}
.home-about-area .about-featured-image a{
    display:block
}
.home-two-services-area{
    background:#000
}
.home-two-services-area ul{
    margin:0;
    padding:0
}
.home-two-services-area ul li{
    display:inline-block;
    width:25%;
    float:left;
    padding:30px
}
.home-two-services-area ul li:nth-child(1){
    background:#0084ff
}
.home-two-services-area ul li:nth-child(2){
    background:#b52929
}
.home-two-services-area ul li:nth-child(3){
    background:#0084ff
}
.home-two-services-area ul li:nth-child(4){
    background:#b52929
}
.home-two-services-area ul li .single-services{
    text-align:center;
    margin:0 15px
}
.home-two-services-area ul li .single-services:hover i{
    border-radius:30px
}
.home-two-services-area ul li .single-services:hover h3{
    color:#ddd
}
.home-two-services-area ul li .single-services:hover .read-more a:after{
    right:-30px;
    opacity:1
}
.home-two-services-area ul li .single-services i{
    font-size:30px;
    color:#fff;
    margin-bottom:10px;
    transition:all .5s ease 0s;
    width:60px;
    height:60px;
    line-height:60px;
    border:1px dashed #fff
}
.home-two-services-area ul li .single-services i:hover{
    width:60px;
    height:60px;
    line-height:60px;
    border:1px dashed #ececec;
    border-radius:30px
}
.home-two-services-area ul li .single-services h3{
    margin:0 0 20px
}
.home-two-services-area ul li .single-services h3 a{
    font-size:18px;
    font-weight:600;
    color:#fff;
    transition:all .5s ease 0s
}
.home-two-services-area ul li .single-services h3 a:hover{
    color:#ddd
}
.home-two-services-area ul li .single-services p{
    color:#fff
}
.home-two-services-area ul li .single-services .read-more{
    display:block
}
.home-two-services-area ul li .single-services .read-more a{
    display:inline-block;
    color:#fff;
    font-size:16px;
    transition:all .5s ease 0s;
    font-weight:800;
    position:relative
}
.home-two-services-area ul li .single-services .read-more a:after{
    content:"\f101";
    font-family:fontawesome;
    color:#ddd;
    font-weight:600;
    font-size:16px;
    position:absolute;
    top:0;
    right:0;
    opacity:0;
    transition:all .5s ease 0s
}
.home-two-services-area ul li .single-services .read-more a:hover{
    color:#ddd
}
.home-two-services-area ul li .single-services .read-more a:hover:after{
    right:-30px;
    opacity:1
}
.portfolio4-area{
    padding:100px 0;
    position:relative
}
.portfolio4-area .single-portfolio-area{
    position:relative;
    overflow:hidden
}
.portfolio4-area .single-portfolio-area .portfolio-img{
    position:relative;
    overflow:hidden;
    display:block
}
.portfolio4-area .single-portfolio-area .portfolio-img img{
    width:100%
}
.portfolio4-area .single-portfolio-area .portfolio-img:after{
    position:absolute;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.8);
    content:"";
    top:0;
    left:0;
    opacity:0;
    transform-origin:0 0 0;
    transition:all .5s ease 0s
}
.portfolio4-area .single-portfolio-area:hover .portfolio-img:after{
    opacity:1
}
.portfolio4-area .single-portfolio-area:hover .portfolio2-overley .content h3 a{
    top:35%
}
.portfolio4-area .single-portfolio-area:hover .portfolio2-overley .content p{
    bottom:7%
}
.portfolio4-area .portfolio2-overley{
    text-align:center
}
.portfolio4-area .portfolio2-overley .content h3 a{
    color:#fff;
    font-size:18px;
    font-weight:700;
    left:0;
    position:absolute;
    right:0;
    text-transform:uppercase;
    top:-62%;
    transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    transition:all .5s ease 0s
}
.portfolio4-area .portfolio2-overley .content h3 a:after{
    position:absolute;
    content:"";
    width:60px;
    height:2px;
    background:#fff;
    bottom:-15px;
    left:0;
    right:0;
    margin:auto
}
.portfolio4-area .portfolio2-overley .content p{
    color:#fff;
    font-weight:700;
    left:0;
    position:absolute;
    right:0;
    bottom:-62%;
    transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    -webkit-transform:translateY(-100%);
    transition:all .5s ease 0s;
    font-size:14px;
    padding:0 15px
}
.portfolio3-area{
    padding:100px 0;
    background:#F8F8F8
}
.portfolio3-area .single-portfolio-area{
    position:relative;
    overflow:hidden;
    margin:15px 0
}
.portfolio3-area .single-portfolio-area>.portfolio-img>img{
    width:100%
}
.portfolio3-area .single-portfolio-area:hover .overley{
    opacity:1
}
.portfolio3-area .single-portfolio-area:hover .overley .content h3:after{
    width:80px
}
.portfolio3-area .single-portfolio-area .portfolio-img a{
    display:block
}
.portfolio3-area .single-portfolio-area .overley{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background:rgba(0,0,0,.5);
    opacity:0;
    content:"";
    transition:all .5s ease 0s;
    transform:translate3d(0,0,0)
}
.portfolio3-area .single-portfolio-area .overley .content{
    bottom:0;
    left:0;
    margin:auto;
    position:relative;
    right:0;
    text-align:center;
    top:50%;
    transform:translateY(-50%);
    z-index:99;
    transition:all .5s ease 0s
}
.portfolio3-area .single-portfolio-area .overley .content h3{
    margin-bottom:22px;
    position:relative
}
.portfolio3-area .single-portfolio-area .overley .content h3:after{
    background:#fff;
    bottom:-14px;
    content:"";
    height:1px;
    left:0;
    margin:auto;
    position:absolute;
    right:0;
    width:0;
    transition:all .5s ease 0s
}
.portfolio3-area .single-portfolio-area .overley .content h3 a{
    display:block;
    color:#fff;
    text-decoration:none;
    font-size:18px
}
.portfolio3-area .single-portfolio-area .overley .content p{
    color:#fff
}
.portfolio-details-area{
    padding:40px 0
}
.portfolio-details-area .portfolio-image img{
    /*width:100%*/
}
.portfolio-details-area .portfolio-image img:hover{
    opacity:.9
}
.portfolio-details-area .portfolio-informations h3{
    color:#000;
    font-size:18px;
    font-weight:600;
    position:relative;
    transition:all .5s ease 0s
}
.portfolio-details-area .portfolio-informations h3:after{
    background:#0084ff;
    content:"";
    height:3px;
    left:0;
    position:absolute;
    top:30px;
    width:60px
}
.portfolio-details-area .portfolio-informations ul li{
    display:block;
    font-size:16px;
    margin-bottom:10px
}
.portfolio-details-area .portfolio-informations ul li span{
    float:right
}
.portfolio-details-area .portfolio-informations .visit-project{
    display:inline-block;
    margin:30px 0
}
.portfolio-details-area .portfolio-informations .visit-project a{
    background:#0084ff;
    border:1px solid #0084ff;
    color:#fff;
    border-radius:0;
    display:block;
    font-size:16px;
    font-weight:600;
    padding:10px 60px;
    transition:all .5s ease 0s
}
.portfolio-details-area .portfolio-informations .visit-project a:hover{
    background:#b52929;
    border:1px solid #b52929;
    -webkit-box-shadow:0 5px 5px 0 rgba(50,50,50,.5);
    -moz-box-shadow:0 5px 5px 0 rgba(50,50,50,.5);
    box-shadow:0 5px 5px 0 rgba(50,50,50,.5)
}
.portfolio-details-area .project-description h3{
    color:#000;
    font-size:18px;
    font-weight:600;
    position:relative;
    transition:all .5s ease 0s
}
.portfolio-details-area .project-description h3:after{
    background:#0084ff;
    content:"";
    height:3px;
    left:0;
    position:absolute;
    top:30px;
    width:60px
}
.portfolio-details-area .related-project h3{
    color:#000;
    font-size:18px;
    font-weight:600;
    position:relative;
    transition:all .5s ease 0s;
    margin-left:15px
}
.portfolio-details-area .related-project h3:after{
    background:#0084ff;
    content:"";
    height:3px;
    left:0;
    position:absolute;
    top:30px;
    width:60px
}
.portfolio-details-area .related-project .single-portfolio{
    position:relative;
    overflow:hidden;
    margin:15px 0
}
.portfolio-details-area .related-project .single-portfolio:hover .overley{
    opacity:1;
    transform:scale(1)
}
.portfolio-details-area .related-project .single-portfolio>.portfolio-image{
    overflow:hidden;
    position:relative
}
.portfolio-details-area .related-project .single-portfolio>.portfolio-image a{
    display:block
}
.portfolio-details-area .related-project .single-portfolio>.portfolio-image a img{
    width:100%;
    min-height:250px
}
.portfolio-details-area .related-project .single-portfolio .overley{
    position:absolute;
    content:"";
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    text-align:center;
    height:100%;
    width:100%;
    transition:all .5s ease 0s;
    opacity:0;
    transform:scale(0);
    background:rgba(0,0,0,.8)
}
.portfolio-details-area .related-project .single-portfolio .overley .portfolio-details{
    top:50%;
    position:relative;
    transform:translateY(-50%);
    text-align:center
}
.portfolio-details-area .related-project .single-portfolio .overley .portfolio-details h3{
    margin-bottom:0
}
.portfolio-details-area .related-project .single-portfolio .overley .portfolio-details h3:after{
    display:none
}
.portfolio-details-area .related-project .single-portfolio .overley .portfolio-details h3 a{
    transition:all .5s ease 0s;
    display:block;
    color:#fff;
    font-size:16px;
    font-weight:600
}
.portfolio-details-area .related-project .single-portfolio .overley .portfolio-details h3 a:hover{
    color:#0084ff
}
.portfolio-details-area .related-project .single-portfolio .overley .portfolio-details span{
    color:#fff;
    margin-bottom:0
}
.shop-page-area{
    padding:85px 0
}
.shop-page-area.single-product-page{
    padding:100px 0 0
}
.shop-page-area .single-details{
    padding:15px 0;
    position:relative;
    overflow:hidden
}
.shop-page-area .single-details .images{
    position:relative;
    overflow:hidden;
    margin-bottom:30px
}
.shop-page-area .single-details .images:hover h3 a{
    color:#0084ff
}
.shop-page-area .single-details .images:hover .overley{
    opacity:1;
    transform:scaleY(1)
}
.shop-page-area .single-details .images a{
    display:block
}
.shop-page-area .single-details .images a img{
    transition:all .3s ease-out;
    width:100%
}
.shop-page-area .single-details .images .overley{
    position:absolute;
    left:0;
    right:0;
    text-align:center;
    width:100%;
    height:100%;
    background:rgba(211,47,47,.9);
    top:0;
    transform:scaleY(0);
    transform-origin:0 1 0;
    opacity:0;
    transition:all .5s ease 0s;
    padding:30px
}
.shop-page-area .single-details .images .overley .winners-details{
    padding:20% 0
}
.shop-page-area .single-details .images .overley .winners-details h4{
    margin-bottom:10px;
    padding-bottom:10px;
    color:#fff;
    font-size:18px;
    position:relative
}
.shop-page-area .single-details .images .overley .winners-details h4:after{
    display:none
}
.shop-page-area .single-details .images .overley .winners-details .product-info{
    margin:0;
    padding:0;
    list-style:none;
    top:50%;
    position:absolute;
    transform:translateY(-50%);
    transition:all .9s;
    text-align:center;
    left:0;
    right:0
}
.shop-page-area .single-details .images .overley .winners-details .product-info li{
    display:inline-block
}
.shop-page-area .single-details .images .overley .winners-details .product-info li a{
    color:#fff;
    text-transform:capitalize;
    text-decoration:none;
    width:30px;
    height:30px;
    line-height:30px;
    border:1px solid #fff;
    text-align:center;
    transition:all .5s ease 0s
}
.shop-page-area .single-details .images .overley .winners-details .product-info li a:hover{
    background:#b52929;
    border:1px solid #b52929;
    color:#fff
}
.shop-page-area .single-details .images .overley .winners-details .product-info li a i{
    font-size:16px;
    color:#fff;
    margin:0
}
.shop-page-area .single-details .images .overley .winners-details p{
    margin-bottom:5px;
    color:#fff;
    font-size:12px
}
.shop-page-area .single-details .images .overley .winners-details p i{
    color:#fff;
    margin-right:8px
}
.shop-page-area .single-details h3{
    margin-bottom:10px!important;
    margin-left:0
}
.shop-page-area .single-details h3 a{
    color:#333;
    transition:all .5s ease 0s;
    font-size:18px;
    text-transform:uppercase;
    margin:0
}
.shop-page-area .single-details h3 a:hover{
    color:#0084ff
}
.shop-page-area .single-details .price-details ul{
    margin:0;
    padding:0;
    text-align:left
}
.shop-page-area .single-details .price-details ul li{
    display:block
}
.shop-page-area .single-details .price-details ul li:first-child{
    font-weight:900;
    font-size:20px
}
.shop-page-area .single-details .price-details ul li:first-child del{
    font-weight:300;
    margin-right:5px;
    font-size:12px
}
.shop-page-area .tobar-area{
    overflow:hidden
}
.shop-page-area .tobar-area .view-area p{
    font-size:14px
}
.shop-page-area .tobar-area .view-area p span{
    font-weight:800
}
.shop-page-area .tobar-area .showing-result ul{
    margin:0;
    padding:0;
    list-style:none;
    text-align:right
}
.shop-page-area .tobar-area .showing-result ul li{
    display:inline-block;
    font-weight:600;
    color:#333;
    margin-right:5px;
    height:25px
}
.shop-page-area .tobar-area .showing-result ul li .form-group{
    margin:0
}
.shop-page-area .tobar-area .showing-result ul li .form-group.seclect-box select.form-control{
    display:inline-block;
    border:0;
    background:0 0;
    border-radius:0
}
.sidebar-area .widget{
    margin-bottom:30px
}
.sidebar-area .widget h2{
    color:#000;
    font-size:20px;
    font-weight:600;
    text-transform:uppercase;
    position:relative;
    margin-bottom:40px
}
.sidebar-area .widget h2:after{
    position:absolute;
    bottom:-20px;
    left:0;
    content:"";
    background:#0084ff;
    width:60px;
    height:3px
}
.sidebar-area .widget .services-tab ul{
    margin:0;
    padding:0;
    text-align:left;
    border:0
}
.sidebar-area .widget .services-tab ul.nav.nav-tabs{
    margin:0;
    padding:0;
    text-align:left;
    border:1px solid #e8e8e8
}
.sidebar-area .widget .services-tab ul.nav.nav-tabs li{
    display:block;
    float:inherit;
    border-top:1px solid #e8e8e8;
    background:0 0;
    color:#444
}
.sidebar-area .widget .services-tab ul.nav.nav-tabs li:first-child{
    border-top:0 solid #fff
}
.sidebar-area .widget .services-tab ul.nav.nav-tabs li.active{
    background:0 0;
    color:#444
}
.sidebar-area .widget .services-tab ul.nav.nav-tabs li.active a{
    background:0 0;
    color:#0084ff;
    border:0
}
.sidebar-area .widget .services-tab ul.nav.nav-tabs li a{
    display:block;
    font-size:16px;
    color:#444;
    background:0 0;
    border:0
}
.sidebar-area .widget .services-tab ul.nav.nav-tabs li a:hover{
    background:0 0;
    color:#0084ff;
    border:0
}
.sidebar-area .widget .recent-project ul{
    margin:0;
    padding:0;
    list-style:none
}
.sidebar-area .widget .recent-project ul li{
    display:inline-block
}
.sidebar-area .widget .recent-project ul li a{
    display:block;
    margin:-2px;
    padding:0;
    width:88px;
    height:88px
}
.sidebar-area .widget .recent-project ul li a img{
    transition:all .5s ease 0s
}
.sidebar-area .widget .recent-project ul li a img:hover{
    opacity:.9;
    box-shadow:none
}
.sidebar-area .widget.widget_categories ul{
    margin:0;
    padding:0;
    list-style:none
}
.sidebar-area .widget.widget_categories ul li{
    display:block;
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom:1px solid #ededed
}
.sidebar-area .widget.widget_categories ul li:last-child{
    border-bottom:0
}
.sidebar-area .widget.widget_categories ul li a{
    display:block;
    text-decoration:none;
    position:relative;
    margin-left:20px;
    color:#444;
    font-size:12px;
    transition:all .5s ease 0s;
    text-transform:uppercase
}
.sidebar-area .widget.widget_categories ul li a:hover{
    color:#0084ff
}
.sidebar-area .widget.widget_categories ul li a span.count{
    float:right
}
.sidebar-area .widget.widget_categories ul li a:after{
    position:absolute;
    left:-20px;
    top:0;
    font-size:12px;
    font-weight:300;
    color:#0084ff;
    content:"\f105";
    font-family:FontAwesome
}
.sidebar-area .widget #slider-range{
    margin-bottom:15px
}
.sidebar-area .widget .ui-widget-content{
    background:#ddd;
    border:0 solid #a6c9e2;
    color:#000;
    height:4px
}
.sidebar-area .widget .ui-slider-range.ui-widget-header.ui-corner-all{
    background:#000;
    border:0;
    box-shadow:none;
    height:4px
}
.sidebar-area .widget .ui-state-default,.sidebar-area .widget .ui-widget-content .ui-state-default,.sidebar-area .widget .ui-widget-header .ui-state-default{
    background:#000;
    border:0 solid #fff;
    font-weight:300;
    margin:0;
    width:5px
}
.sidebar-area .widget .price-area label{
    color:#444;
    font-weight:300;
    font-size:13px
}
.sidebar-area .widget .price-area input{
    width:100%;
    text-align:center;
    margin-bottom:20px;
    border:0 solid #fff
}
.sidebar-area .widget .price-area a{
    background:#0084ff;
    color:#fff;
    display:block;
    font-size:14px;
    font-weight:500;
    padding:7px 50px;
    text-decoration:none;
    text-transform:uppercase;
    transition:all .5s ease 0s;
    text-align:center
}
.sidebar-area .widget .price-area a:hover{
    background:#b52929
}
.sidebar-area .widget .posted-date a{
    color:#444;
    font-weight:800;
    transition:all .5s ease 0s
}
.sidebar-area .widget .posted-date a:hover{
    color:#0084ff
}
.sidebar-area .widget .price a{
    color:#444;
    font-weight:600;
    transition:all .5s ease 0s
}
.sidebar-area .widget .price a:hover{
    color:#0084ff
}
.sidebar-area .widget .popular-tags ul li{
    display:inline-block;
    border:1px solid #e1e1e1;
    margin:2px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px
}
.sidebar-area .widget .popular-tags ul li:hover{
    border:1px solid #0084ff;
    background:#0084ff
}
.sidebar-area .widget .popular-tags ul li:hover a{
    color:#fff
}
.sidebar-area .widget .popular-tags ul li a{
    padding:5px 10px;
    text-decoration:none;
    display:block;
    color:#6a6a6a
}
.sidebar-area .widget .search-box{
    height:45px;
    margin:0;
    padding:0;
    transition:all .5s ease 0s
}
.sidebar-area .widget .search-box .search-form input.form-control{
    border-radius:0;
    line-height:2px;
    width:100%
}
.sidebar-area .widget .search-box.show-box{
    opacity:1!important
}
.single-product-area .tab-content .product-picture a img{
    width:100%;
    transition:all .5s ease 0s
}
.single-product-area .tab-content .product-picture a img:hover{
    opacity:.7
}
.single-product-area .single-product-tab{
    margin:10px 0 0;
    border:0;
    overflow:hidden
}
.single-product-area .single-product-tab:hover .owl-buttons{
    opacity:1
}
.single-product-area .single-product-tab .tab-image{
    border:0;
    text-align:center
}
.single-product-area .single-product-tab .tab-image li{
    display:inline-block;
    border:0
}
.single-product-area .single-product-tab .tab-image li a{
    display:block;
    margin:0;
    padding:0
}
.single-product-area .single-product-tab .tab-image li a img{
    width:100%
}
.single-product-area .single-product-tab .tab-image li a img:hover{
    opacity:.7
}
.single-product-area .single-product-tab .owl-buttons{
    opacity:0
}
.single-product-area .single-product-tab .owl-buttons .owl-prev{
    left:-5px;
    position:absolute;
    top:28%;
    background:#0084ff!important;
    width:30px;
    height:30px;
    border-radius:0!important;
    opacity:1!important
}
.single-product-area .single-product-tab .owl-buttons .owl-prev i{
    font-size:18px;
    font-weight:600;
    line-height:23px
}
.single-product-area .single-product-tab .owl-buttons .owl-next{
    right:-5px;
    position:absolute;
    top:28%;
    background:#0084ff!important;
    width:30px;
    height:30px;
    border-radius:0!important;
    opacity:1!important
}
.single-product-area .single-product-tab .owl-buttons .owl-next i{
    font-size:18px;
    font-weight:600;
    line-height:23px
}
.single-product-area #product-1 a{
    display:none
}
.single-product-area #product-1 a.active{
    display:block
}
.single-product-area .product-details h3{
    color:#000;
    font-size:20px;
    font-weight:600;
    margin-bottom:40px;
    position:relative;
    text-transform:uppercase
}
.single-product-area .product-details h3:after{
    background:#0084ff;
    bottom:-20px;
    content:"";
    height:3px;
    left:0;
    position:absolute;
    width:60px
}
.single-product-area .product-details .product-rating-area ul{
    margin:0;
    padding:0;
    list-style:none
}
.single-product-area .product-details .product-rating-area ul li{
    display:inline-block;
    margin-right:0;
    color:#444;
    font-size:14px
}
.single-product-area .product-details .product-rating-area ul li i:hover{
    color:#FFCE44
}
.single-product-area .product-details .price,.single-product-area .product-details .product-quantity{
    margin-bottom:30px
}
.single-product-area .product-details .price span{
    color:#444;
    font-weight:600
}
.single-product-area .product-details .product-cart-area{
    margin-bottom:30px;
    padding-top:20px
}
.single-product-area .product-details .product-cart-area ul{
    margin:0;
    padding:0;
    list-style:none;
    display:inline-block
}
.single-product-area .product-details .product-cart-area ul li{
    display:inline-block;
    margin:0 3px
}
.single-product-area .product-details .product-cart-area ul li a{
    background:0 0;
    border:1px solid #000;
    color:#000;
    height:40px;
    line-height:40px;
    margin:auto;
    text-align:center;
    transition:all .5s ease 0s;
    width:40px;
    display:block
}
.single-product-area .product-details .product-cart-area ul li a:hover{
    background:#0084ff;
    border:1px solid #0084ff;
    color:#fff;
    -webkit-box-shadow:0 10px 10px 0 rgba(0,0,0,.5);
    box-shadow:0 10px 10px 0 rgba(0,0,0,.5);
    -webkit-transform:translate(0,-5px) rotate(.01deg);
    -o-transform:translate(0,-5px) rotate(.01deg);
    -ms-transform:translate(0,-5px) rotate(.01deg);
    transform:translate(0,-5px) rotate(.01deg);
    -webkit-transition:box-shadow .3s ease 0s,transform .3s ease 0s;
    -moz-transition:box-shadow .3s ease 0s,transform .3s ease 0s;
    -o-transition:box-shadow .3s ease 0s,transform .3s ease 0s;
    transition:box-shadow .3s ease 0s,transform .3s ease 0s
}
.single-product-area .add-cart{
    display:inline-block;
    margin-top:10px
}
.single-product-area .add-cart a{
    background:#0084ff;
    color:#fff;
    display:block;
    font-size:14px;
    font-weight:500;
    padding:7px 50px;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    transition:all .5s ease 0s
}
.single-product-area .add-cart a:hover{
    background:#b52929
}
.product-description ul{
    margin:0;
    padding:0;
    text-align:left;
    border:0
}
.product-description ul.nav.nav-tabs{
    margin:0 0 30px;
    padding:0;
    text-align:left
}
.product-description ul.nav.nav-tabs li{
    display:inline-block;
    float:inherit;
    border:0;
    background:0 0;
    color:#444
}
.product-description ul.nav.nav-tabs li:last-child a:after{
    display:none
}
.product-description ul.nav.nav-tabs li.active,.product-description ul.nav.nav-tabs li.active a{
    background:0 0;
    color:#0084ff;
    border:0
}
.product-description ul.nav.nav-tabs li a{
    display:block;
    text-align:left;
    font-size:16px;
    color:#444;
    background:0 0;
    border:0
}
.product-description ul.nav.nav-tabs li a:hover{
    background:0 0;
    color:#0084ff;
    border:0
}
.product-description .tab-content{
    border:1px solid #ededed;
    padding:30px
}
.product-description .tab-content .product-rating-area ul{
    margin:0;
    padding:0;
    list-style:none
}
.product-description .tab-content .product-rating-area ul li{
    display:inline-block;
    margin-right:0;
    color:#444;
    font-size:14px
}
.product-description .tab-content .product-rating-area ul li i:hover{
    color:#FFCE44
}
.product-description .tab-content .media>.pull-left{
    padding-right:20px;
    margin-bottom:20px
}
.related-product-area h3{
    color:#000;
    font-size:20px;
    font-weight:600;
    margin-bottom:40px;
    position:relative
}
.related-product-area h3:after{
    background:#0084ff;
    bottom:-20px;
    content:"";
    height:3px;
    left:0;
    position:absolute;
    width:60px
}
.related-product-area .single-product-area{
    margin:15px
}
.related-product-area .single-product-store:after{
    background:#e1e1e1;
    content:"";
    height:2px;
    left:45%;
    margin:auto;
    position:absolute;
    top:-39px;
    width:40%
}
.related-product-area .single-product-store .product-content{
    margin:20px 0 0
}
.related-product-area .single-product-store .product-content h3{
    margin:0;
    font-size:18px;
    font-family:'Open Sans',sans-serif
}
.related-product-area .single-product-store .product-content h3:after{
    display:none
}
.related-product-area .single-product-store .product-content h3 a{
    display:block;
    text-decoration:none;
    color:#000;
    transition:all .5s ease 0s
}
.related-product-area .single-product-store .product-content h3 a:hover{
    color:#0084ff
}
.related-product-area .single-product-store .product-content ul li{
    display:inline-block
}
.related-product-area .single-product-store .product-content ul li i{
    font-size:14px;
    color:#f7c51d
}
.related-product-area .single-product-store .product-content p{
    font-weight:700;
    color:#0084ff
}
.related-product-area .single-product-store .single-product{
    position:relative;
    overflow:hidden
}
.related-product-area .single-product-store .single-product img{
    width:100%;
    transition:all .3s ease-out
}
.related-product-area .single-product-store .single-product:hover img{
    transform:scale(1.03);
    width:100%
}
.related-product-area .single-product-store .single-product:hover .shop-overley{
    opacity:1;
    transform:scaleY(1)
}
.related-product-area .single-product-store .single-product a{
    display:block;
    position:relative;
    overflow:hidden
}
.related-product-area .single-product-store .single-product .shop-overley{
    content:"";
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background:rgba(0,0,0,.8);
    transition:all .5s ease 0s;
    opacity:0;
    overflow:hidden;
    transform:scaleY(0);
    transform-origin:0 0 1
}
.related-product-area .single-product-store .single-product .shop-overley .social-media-area{
    position:absolute;
    margin:auto;
    left:0;
    right:0;
    top:40%;
    bottom:0
}
.related-product-area .single-product-store .single-product .shop-overley .social-media-area ul{
    text-align:center
}
.related-product-area .single-product-store .single-product .shop-overley .social-media-area ul li{
    display:inline-block;
    margin:5px
}
.related-product-area .single-product-store .single-product .shop-overley .social-media-area ul li a{
    display:block;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    color:#000;
    background:#fff;
    width:30px;
    height:30px;
    line-height:30px;
    transition:all .5s ease 0s
}
.related-product-area .single-product-store .single-product .shop-overley .social-media-area ul li a:hover{
    background:#0084ff;
    color:#fff
}
.related-product-area .single-product-store .owl-buttons{
    right:10px;
    position:absolute;
    top:-60px
}
.related-product-area .single-product-store .owl-buttons div{
    background:#0084ff;
    width:35px;
    height:35px;
    border-radius:0;
    opacity:1;
    margin:2px
}
.related-product-area .single-product-store .owl-buttons div:hover{
    background:#000
}
.related-product-area .single-product-store .owl-buttons div i{
    font-size:20px;
    font-weight:400;
    line-height:28px
}
.single-post .pull-left a img.media-object{
    width:80px
}
.header-top-area .header-top-right ul{
    text-align:center
}
.single-team .image{
    position:relative;
    overflow:hidden
}
.single-team .image img{
    width:100%
}
.single-team .image:hover .overley{
    opacity:1;
    transform:scaleY(1)
}
.single-team .image .overley{
    position:absolute;
    left:0;
    right:0;
    text-align:center;
    width:100%;
    height:100%;
    background:rgba(211,47,47,.8);
    top:0;
    transform:scaleY(0);
    transform-origin:0 1 0;
    opacity:0;
    transition:all .5s ease 0s
}
.single-team .image .overley .social-media-icons ul{
    left:0;
    margin:auto;
    position:absolute;
    right:0;
    text-align:center;
    top:50%;
    transform:translateY(-50%);
    z-index:99;
    transition:all .5s ease 0s
}
.single-team .image .overley .social-media-icons ul li{
    display:inline-block;
    margin:2px
}
.single-team .image .overley .social-media-icons ul li a{
    display:block;
    width:20px;
    height:20px;
    line-height:20px;
    color:#fff;
    transition:all .5s ease 0s;
    text-decoration:none;
    text-align:center
}
.single-team .image .overley .social-media-icons ul li a:hover{
    color:#ddd;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%
}
.single-team .image .overley .social-media-icons ul li a i{
    text-align:center;
    display:inline-block
}
.home-page-core-activities-area img{
    width:100%
}
.about-me-area{
    padding:100px 0 70px
}
.about-me-area .about-me{
    overflow:hidden
}
.about-me-area .about-me .images{
    position:relative;
    overflow:hidden;
    margin-bottom:30px;
    background:#CACACA
}
.about-me-area .about-me .images a{
    display:block
}
.about-me-area .about-me .images a img{
    transition:all .5s ease 0s;
    width:100%
}
.about-me-area .about-me .my-infos{
    padding-top:0
}
.about-me-area .about-me .my-infos h3{
    margin-bottom:0;
    font-weight:300;
    font-style:italic
}
.about-me-area .about-me .my-infos h3 a{
    color:#333;
    margin-bottom:10px;
    transition:all .5s ease 0s;
    font-size:40px;
    text-transform:uppercase;
    font-style:normal
}
.about-me-area .about-me .my-infos h3 a:hover{
    color:#0084ff
}
.about-me-area .about-me .my-infos span{
    font-weight:600;
    font-style:italic;
    font-size:16px;
    color:#777;
    margin-bottom:20px;
    display:block
}
.about-me-area .about-me .my-infos blockquote{
    font-size:15px;
    border-left:5px solid #0084ff
}
.about-me-area .about-me .my-infos .portfolio-btn{
    background:#0084ff;
    color:#fff;
    display:block;
    font-size:18px;
    font-weight:700;
    margin-top:15px;
    padding:20px 45px;
    text-transform:uppercase;
    transition:all .5s ease 0s;
    text-align:center;
    border:2px solid #0084ff
}
.about-me-area .about-me .my-infos .portfolio-btn:hover{
    color:#0084ff;
    background:0 0
}
.about-me-area .about-me .my-infos .hire-btn{
    border:2px solid #0084ff;
    display:block;
    font-size:18px;
    font-weight:700;
    margin-top:15px;
    padding:20px 45px;
    text-transform:uppercase;
    transition:all .5s ease 0s;
    text-align:center;
    color:#0084ff
}
.about-me-area .about-me .my-infos .hire-btn:hover{
    background:#0084ff;
    color:#fff
}
.about-me-area .about-me .holax-shop h3,.about-me-area .about-me .we-are-good-at h3{
    font-size:18px;
    margin-bottom:25px
}
.skill-bar-area{
    padding:100px 0;
    background:url(images/about-me/skill-area-bg.jpg) no-repeat fixed;
    background-size:cover
}
.skill-bar-area .skill-content-3{
    overflow:hidden
}
.skill-bar-area .skill-content-3 .skill .progress .lead{
    color:#fff;
    font-size:16px;
    font-weight:600;
    left:0;
    position:absolute;
    top:-35px;
    z-index:99;
    text-transform:uppercase
}
.skill-bar-area .skill-content-3 .skill .progress{
    background-color:#f0f0f0;
    border-radius:0;
    box-shadow:none;
    height:7px;
    margin:50px 0 80px;
    overflow:visible;
    position:relative
}
.skill-bar-area .skill-content-3 .skill .progress:last-child{
    margin-bottom:0
}
.skill-bar-area .skill-content-3 .skill .progress-bar>span{
    background:#0084ff;
    float:right;
    font-size:12px;
    margin-right:10px;
    margin-top:-43px;
    position:relative;
    padding:10px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    color:#fff
}
.skill-bar-area .skill-content-3 .skill .progress-bar>span:after,.skill-bar-area .skill-content-3 .skill .progress-bar>span:before{
    border:solid transparent;
    content:" ";
    height:0;
    position:absolute;
    top:100%;
    width:0
}
.skill-bar-area .skill-content-3 .skill .progress-bar>span:before{
    border-top-color:#0084ff;
    border-width:5px;
    left:50%;
    margin-left:-5px
}
.skill-bar-area .skill-content-3 .skill .progress:nth-child(1) .progress-bar{
    background:#0084ff
}
.skill-bar-area .skill-content-3 .skill .progress:nth-child(2) .progress-bar{
    background:#0084ff
}
.skill-bar-area .skill-content-3 .skill .progress:nth-child(3) .progress-bar{
    background:#0084ff
}
.skill-bar-area .skill-content-3 .skill .progress:nth-child(4) .progress-bar{
    background:#0084ff
}
.skill-bar-area .skill-info{
    padding:50px;
    color:#fff;
    background:#0084ff;
    position:relative;
    margin-right:60px
}
.skill-bar-area .skill-info:after{
    left:100%;
    top:50%;
    border:solid transparent;
    content:" ";
    height:0;
    width:0;
    position:absolute;
    pointer-events:none;
    border-color:rgba(136,183,213,0);
    border-left-color:#0084ff;
    border-width:50px;
    margin-top:-50px
}
.skill-bar-area .skill-info h3{
    font-size:40px;
    text-transform:uppercase;
    text-align:center
}
.contact-me-area{
    padding:70px 0
}
.contact-me-area .call-info{
    margin:0
}
.contact-me-area .call-info .contact-box{
    padding:40px 15px;
    border:1px solid #0084ff;
    transition:all .5s ease 0s;
    text-decoration:none;
    text-align:center;
    overflow:hidden;
    vertical-align:middle;
    margin:15px 0
}
.contact-me-area .call-info .contact-box i{
    display:block;
    font-size:30px;
    color:#0084ff
}
.contact-me-area .call-info .contact-box span{
    margin-top:15px;
    display:block
}
.contact-me-area .call-info .contact-box span a{
    color:#333
}
.contact-me-area .call-info .contact-box:hover{
    background:#0084ff;
    border:1px solid #0084ff;
    color:#fff
}
.contact-me-area .call-info .contact-box:hover i,.contact-me-area .call-info .contact-box:hover span a{
    color:#fff
}
.follow-me-area{
    padding:100px 0
}
.follow-me-area h3.follow-title{
    text-align:center;
    text-transform:uppercase
}
.follow-me-area .social-media ul{
    text-align:center
}
.follow-me-area .social-media ul li{
    display:inline-block;
    margin:2px
}
.follow-me-area .social-media ul li a{
    display:block;
    width:64px;
    height:64px;
    line-height:64px;
    color:#0084ff;
    border:1px solid #0084ff;
    transition:all .5s ease 0s;
    text-decoration:none;
    text-align:center;
    font-size:20px
}
.follow-me-area .social-media ul li a:hover{
    background:#0084ff;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border:1px solid #0084ff;
    color:#fff
}
.spinner{
    width:40px;
    height:40px;
    position:relative;
    margin:100px auto
}
.double-bounce1{
    width:100%;
    height:100%;
    border-radius:50%;
    background-color:#333;
    opacity:.6;
    position:absolute;
    top:0;
    left:0;
    -webkit-animation:sk-bounce 2s infinite ease-in-out;
    animation:sk-bounce 2s infinite ease-in-out
}
.double-bounce2{
    width:100%;
    height:100%;
    border-radius:50%;
    background-color:#333;
    opacity:.6;
    position:absolute;
    top:0;
    left:0;
    -webkit-animation:sk-bounce 2s infinite ease-in-out;
    animation:sk-bounce 2s infinite ease-in-out;
    -webkit-animation-delay:-1s;
    animation-delay:-1s
}
@-webkit-keyframes sk-bounce{
    0%,100%{
        -webkit-transform:scale(0)
    }
    50%{
        -webkit-transform:scale(1)
    }
}
@keyframes sk-bounce{
    0%,100%{
        transform:scale(0);
        -webkit-transform:scale(0)
    }
    50%{
        transform:scale(1);
        -webkit-transform:scale(1)
    }
}
.template-preloader-rapper{
    position:fixed;
    width:100%;
    height:100%;
    z-index:999999;
    background:linear-gradient(99deg,#6d6d6d,#a92b2b,#a92b2b);
    background-size:600% 600%;
    -webkit-animation:AnimationName 4s ease infinite;
    -moz-animation:AnimationName 4s ease infinite;
    -o-animation:AnimationName 4s ease infinite;
    animation:AnimationName 4s ease infinite
}
.template-preloader-rapper .spinner{
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-20px;
    margin-top:-20px;
    height:50px;
    width:50px
}
.template-preloader-rapper .spinner .double-bounce1{
    background:#fff
}
.template-preloader-rapper .spinner .double-bounce2{
    background:#eee
}
.waves-effect{
    position:relative;
    cursor:pointer;
    display:inline-block;
    overflow:hidden;
    user-select:none;
    -webkit-tap-highlight-color:transparent;
    vertical-align:middle;
    z-index:1;
    transition:.3s ease-out
}
.waves-effect .waves-ripple{
    position:absolute;
    border-radius:50%;
    width:20px;
    height:20px;
    margin-top:-10px;
    margin-left:-10px;
    opacity:0;
    background:rgba(0,0,0,.2);
    transition:all .7s ease-out;
    transition-property:transform,opacity;
    transform:scale(0);
    pointer-events:none
}
.waves-effect.waves-light .waves-ripple{
    background-color:rgba(255,255,255,.45)
}
.waves-effect.waves-red .waves-ripple{
    background-color:rgba(244,67,54,.7)
}
.waves-effect.waves-yellow .waves-ripple{
    background-color:rgba(255,235,59,.7)
}
.waves-effect.waves-orange .waves-ripple{
    background-color:#ff9800
}
.waves-effect.waves-purple .waves-ripple{
    background-color:rgba(156,39,176,.7)
}
.waves-effect.waves-green .waves-ripple{
    background-color:rgba(76,175,80,.7)
}
.waves-effect.waves-teal .waves-ripple{
    background-color:rgba(0,150,136,.7)
}
.waves-effect input[type=button],.waves-effect input[type=reset],.waves-effect input[type=submit]{
    border:0;
    font-style:normal;
    font-size:inherit;
    text-transform:inherit;
    background:0 0
}
.waves-effect img{
    position:relative;
    z-index:-1
}
.waves-notransition{
    transition:none!important
}
.waves-circle{
    transform:translateZ(0)
}
.waves-input-wrapper{
    border-radius:.2em;
    vertical-align:bottom
}
.waves-input-wrapper .waves-button-input{
    position:relative;
    top:0;
    left:0;
    z-index:1
}
.waves-circle{
    text-align:center;
    width:2.5em;
    height:2.5em;
    line-height:2.5em;
    border-radius:50%;
    -webkit-mask-image:none
}
.waves-block{
    display:block
}
.waves-effect .waves-ripple{
    z-index:-1
}
.shipping-area{
    padding:100px 0
}
.shipping-area .button-area ul li a{
    display:block;
    padding:15px;
    background:#f8f8f8;
    color:#646464;
    font-size:18px
}
.shipping-area .button-area ul li.active a{
    background:#0084ff;
    color:#fff
}
.shipping-area .product-list table{
    margin:0 0 30px
}
@media screen and (max-width:767px){
    .shipping-area .product-list table{
        width:100%;
        margin:0
    }
}
.shipping-area .product-list table tr{
    border:1px solid #e7e7e7;
    padding:25px;
    display:block;
    margin-bottom:-1px
}
.shipping-area .product-list table tr td{
    padding-right:52px
}
@media screen and (max-width:991px){
    .shipping-area .product-list table tr td{
        padding-right:10px
    }
}
@media screen and (max-width:767px){
    .shipping-area .product-list table tr td{
        display:block;
        width:100%;
        padding:20px 0
    }
}
.shipping-area .product-list table tr td img{
    max-width:80px;
    width:100%;
    display:block
}
.shipping-area .product-list table tr td .des-pro{
    display:block;
    padding-right:50px;
    width:210px
}
@media screen and (max-width:991px){
    .shipping-area .product-list table tr td .des-pro{
        width:auto
    }
}
.shipping-area .product-list table tr td .des-pro h4{
    font-weight:400;
    margin:0 0 10px
}
.shipping-area .product-list table tr td .des-pro p{
    color:#646464;
    margin:0
}
.shipping-area .product-list table tr td strong{
    font-size:20px;
    display:block;
    padding-right:100px
}
@media screen and (max-width:991px){
    .shipping-area .product-list table tr td strong{
        padding-right:10px
    }
}
.shipping-area .product-list table tr td .order-pro{
    position:relative;
    display:block;
    margin-right:100px
}
.shipping-area .product-list table tr td .order-pro input{
    width:110px;
    height:46px;
    box-shadow:none;
    border:1px solid #ccc;
    text-align:center;
    padding-right:10px;
    color:#888;
    font-size:18px
}
.order-pro input[type=number]::-webkit-inner-spin-button,.order-pro input[type=number]::-webkit-outer-spin-button{
    opacity:1
}
.shipping-area .product-list table tr td .order-pro div{
    position:absolute;
    top:12px;
    right:0;
    z-index:999;
    cursor:pointer
}
.shipping-area .product-list table tr td .order-pro div.btn-plus{
    right:40px
}
.shipping-area .product-list table tr td .order-pro div.btn-minus{
    right:20px
}
.shipping-area .product-list table tr td .prize{
    color:#0084ff;
    font-size:20px;
    font-weight:700;
    padding-right:50px
}
.shipping-area .product-list table tr td i{
    display:block;
    width:30px;
    height:30px;
    border:1px solid #ccc;
    text-align:center;
    line-height:28px;
    font-size:15px;
    cursor:pointer;
    color:#ccc
}
.shipping-area .product-list table tr td i:hover{
    background:#0084ff;
    color:#fff
}
.shipping-area .product-list .total span{
    font-size:20px;
    padding-right:10px
}
.shipping-area .product-list .total strong{
    font-size:28px;
    font-weight:400
}
.shipping-area .next-step{
    text-align:right
}
.shipping-area .next-step button{
    padding:10px 30px;
    border:1px solid #0084ff;
    background:#0084ff!important;
    color:#fff;
    text-transform:capitalize;
    font-size:18px;
    margin-top:25px
}
.shipping-area .next-step button:hover{
    background:#fff!important;
    color:#000
}
.shipping-area .form-area h3{
    font-weight:500;
    padding:15px;
    font-size:22px
}
.shipping-area .form-area form fieldset{
    margin:0 0 15px
}
.shipping-area .form-area form fieldset label{
    display:block;
    width:100%;
    color:#333;
    font-weight:400;
    margin:0 0 10px;
    font-size:14px
}
.shipping-area .form-area form fieldset input{
    display:block;
    width:100%;
    margin:0 0 10px;
    height:40px;
    border-radius:0;
    padding:0 15px;
    border:1px solid #ccc
}
.shipping-area .form-area form fieldset select{
    display:block;
    width:100%;
    margin:0 0 10px;
    height:40px;
    border-radius:0;
    padding:0 15px;
    color:#646464;
    font-size:13px;
    border:1px solid #ccc
}
.shipping-area .order-list h3{
    font-weight:500;
    padding:15px 0;
    font-size:22px
}
.shipping-area .order-list table{
    width:100%
}
.shipping-area .order-list table tr{
    width:100%;
    display:block
}
.shipping-area .order-list table tr th{
    font-weight:700;
    width:50%
}
.shipping-area .order-list table tr td{
    border:1px solid #dedede;
    padding:15px;
    font-size:14px;
    font-weight:400
}
.shipping-area .order-list table tr td:first-child{
    width:400px
}
@media screen and (max-width:480px){
    .shipping-area .order-list table tr td:first-child{
        width:60%
    }
}
.shipping-area .order-list table tr td:last-child{
    width:150px;
    text-align:center
}
.shipping-area .order-list table .row-bold td{
    border:1px solid #dedede;
    font-weight:700
}
.shipping-area .panel-group .panel{
    border-radius:0;
    margin:0
}
.shipping-area .panel-group .panel-body{
    padding-left:40px;
    padding-right:100px
}
.shipping-area .panel-group a .checkbox{
    margin:0;
    padding:10px 0
}
.shipping-area .panel-group a .checkbox .cr{
    position:relative;
    display:inline-block;
    background:#ccc;
    border-radius:100%;
    float:left;
    margin-top:0;
    margin-right:.5em;
    width:15px;
    height:15px
}
.shipping-area .panel-group a .checkbox label{
    margin:0!important;
    padding:0!important;
    text-transform:capitalize;
    font-size:18px;
    font-weight:700
}
.shipping-area .panel-group a .checkbox label input[type=checkbox]{
    display:none
}
.shipping-area .panel-group a .checkbox label input[type=checkbox]+.cr>.cr-icon{
    opacity:1;
    display:block;
    color:#0084ff;
    width:15px;
    height:15px
}
.shipping-area .panel-group a.collapsed .checkbox label input[type=checkbox]+.cr>.cr-icon{
    opacity:0;
    transition:all .3s ease-in;
    display:block;
    padding:5px;
    color:#2962ff
}
.shipping-area .panel-group .panel-default>.panel-heading{
    background:0 0
}
.coupon-fields .input-text{
    padding:5px 10px;
    width:75%;
    margin-right:10px
}
.coupon-fields .apply-coupon{
    background:#0084ff;
    color:#fff;
    padding:6px 10px;
    border:1px solid #0084ff
}
.coupon-fields .apply-coupon:hover{
    background:#fff!important;
    color:#000 
    /*font-family: 'Orbitron', sans-serif;
     font-family: 'Righteous', cursive;
     font-family: 'Teko', sans-serif;
     font-family: 'Jura', sans-serif;
     font-family: 'Michroma', sans-serif;
     font-family: 'Quantico', sans-serif;
     font-family: 'Chonburi', cursive;
     font-family: 'Iceland', cursive;
    */