body{
    font-family:'Poppins', sans-serif;
    font-weight:normal;
    font-style:normal;
    position:relative;
}
 .img{
    max-width:100%;
    transition:all 0.3s ease-out 0s;
}
 a, .button{
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition:all 0.3s ease-out 0s;
    -ms-transition:all 0.3s ease-out 0s;
    -o-transition:all 0.3s ease-out 0s;
    transition:all 0.3s ease-out 0s;
}
 a:focus, .button:focus{
    text-decoration:none;
    outline:none;
}
 a:focus, a:hover, .portfolio-cat a:hover, .footer-menu li a:hover{
    color:#ccc;
    text-decoration:none;
}
 a, button{
/*    outline:medium none;*/
    color:#222;
}
.dropshadow{
   box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
   border-radius: 5px;
}
.thumb-link, .thumb-link:hover{
    color: #F4FA37;
    font-size: 40px;
    display: inline-block;
    position: relative;
    z-index: 1;
    padding: 1em;
    margin: -1em;
}
 .uppercase{
    text-transform:uppercase;
}
 .capitalize{
    text-transform:capitalize;
}
.fa-long-arrow-right{
   margin: 0 10px;
}
 h1, h2, h3, h4, h5, h6{
    font-family:'Montserrat', sans-serif;
    font-weight:normal;
    color:#222;
    margin-top:0px;
    font-style:normal;
    font-weight:300;
    letter-spacing:1px;
    text-transform:uppercase;
}
 h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
    color:inherit;
}
 h1{
    font-size:40px;
    font-weight:500;
}
 h2{
    font-size:35px;
}
 h3{
    font-size:28px;
}
 h4{
    font-size:22px;
}
 h5{
    font-size:18px;
}
 h6{
    font-size:16px;
}
 ul{
    margin:0px;
    padding:0px;
}
 li{
    list-style:none
}
 p{
    font-size:14px;
    font-weight:normal;
    line-height:24px;
    color:#222;
    margin-bottom:15px;
}
 hr{
    margin:20px 0;
    padding:0px;
    border-bottom:1px solid #888888;
    border-top:0px;
}
 label{
    color:#7e7e7e;
    cursor:pointer;
    font-size:14px;
    font-weight:400;
}
 .text-left{
    text-align:left;
}
 *::-moz-selection{
    background:#999;
    color:#fff;
    text-shadow:none;
}
 ::-moz-selection{
    background:#999;
    color:#fff;
    text-shadow:none;
}
 ::selection{
    background:#999;
    color:#fff;
    text-shadow:none;
}
 *::-moz-placeholder{
    color:#555555;
    font-size:14px;
    opacity:1;
}
 *::placeholder{
    color:#555555;
    font-size:14px;
    opacity:1;
}
 .gray-brackground{
    background-color:#F5F5F5;
    height:100%;
    width:100%;
}
 .padding-top{
    padding-top:100px;
}
 .section-padding{
    padding-top:100px;
    padding-bottom:100px;
}
 .separator{
    position:relative;
    display:inline-block;
    width:20px;
    height:3px;
    background:#1c282c;
}
 .separator:before, .separator:after{
    position:absolute;
    content:'';
    width:17px;
    height:3px;
    background:#1c282c;
}
 .separator:before{
    left:-20px;
}
 .separator:after{
    right:-20px;
}
 .button{
    border: solid;
    background:#222;
    color:#ffffff;
    display:inline-block;
    font-size:12px;
    height:45px;
    letter-spacing:1px;
    line-height:45px;
    padding:10px 30px;
    
}
 .button:hover{
    background:#999;
    color:#ffffff;
}
 .load-more >a{
    background-color:#333;
    color:#fff;
    margin-right:10px;
    display:inline-block;
    font-size:14px;
    font-weight:700;
    margin-top:25px;
    padding:10px 20px;
    text-transform:uppercase;
}
 .hvr-shutter-out-horizontal{
    border: 1px solid #333;
    display:inline-block;
    vertical-align:middle;
    -webkit-transform:perspective(1px) translateZ(0);
    transform:perspective(1px) translateZ(0);
    box-shadow:0 0 1px transparent;
    position:relative;
    background:#e1e1e1;
    transition-property:color;
    transition-duration:.3s;
}
 .hvr-shutter-out-horizontal2{
    border: 1px solid #A94692;
    padding: 5px 5px 5px 15px;
    display:inline-block;
    vertical-align:middle;
    -webkit-transform:perspective(1px) translateZ(0);
    transform:perspective(1px) translateZ(0);
    box-shadow:0 0 1px transparent;
    position:relative;
    background:#F4FA37;
    transition-property:color;
    transition-duration:.3s;

}
 .hvr-shutter-out-horizontal:before, .hvr-shutter-out-horizontal2:before{
    content:"";
    position:absolute;
    z-index:-1;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:#333;
    -webkit-transform:scaleX(0);
    transform:scaleX(0);
    -webkit-transform-origin:50%;
    transform-origin:50%;
    -webkit-transition-property:transform;
    transition-property:transform;
    -webkit-transition-duration:0.3s;
    transition-duration:0.3s;
    -webkit-transition-timing-function:ease-out;
    transition-timing-function:ease-out;
}
 .hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal2:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal2:focus, .hvr-shutter-out-horizontal:active, .hvr-shutter-out-horizontal2:active{
    color:white;
}
 .hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal2:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal2:focus:before, .hvr-shutter-out-horizontal:active:before, .hvr-shutter-out-horizontal2:active:before{
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
}
 .color-schemes{
    position:fixed;
    top:150px;
    left:-150px;
    width:150px;
    z-index:9;
    background-color:#ffffff;
    transition:left 1s ease;
}
 .color-schemesz{
    z-index:1;
}
 .color-schemes.show{
    left:0;
}
 .color-schemes{
    box-shadow:0 10px 30px rgba(0,0,0,0.1);
}
 .color-handle{
    height:50px;
    width:50px;
    position:absolute;
    display:block;
    right:-50px;
    top:0;
    z-index:99;
    text-align:center;
    font-size:30px;
    padding-top:7px;
    cursor:pointer;
    background:#FFFFFF;
    border-top-right-radius:2px !important;
    border-bottom-right-radius:2px !important;
    box-shadow:0 10px 30px rgba(0,0,0,0.1);
}
 .color-handle i{
    position:absolute;
    left:15%;
    font-size:25px;
    cursor:pointer;
    color:#1c282c;
    text-align:center;
    margin-top:5px;
}
 .color-palate{
    margin:20px 10px;
}
 .color-palate h5{
    color:#555;
    letter-spacing:.02em;
    margin-top:16px;
    margin-bottom:12px;
    font-size:13px;
    font-weight:400;
    text-transform:uppercase;
    padding-left:5px;
}
 .color-palate a{
    display:inline-block;
    background-color:#555;
    text-indent:-1000px;
    overflow:hidden;
    height:30px;
    width:30px;
    margin:5px;
}
 .color-palate button{
    margin-left:5px;
}
 .color-palate .color-button, .color-palate .color-button:hover, .color-palate .color-button:focus{
    background-color:#31708f;
    color:#fff;
    outline:none;
    border-color:
}
 .color-palate a .single-color{
    display:inline-block;
    background:#555;
    text-indent:-1000;
    overflow:hidden;
    height:35px;
    width:35px;
    margin:1px;
}
 .color-palate a{
    border-radius:50%;
}
 .color-palate a.defaults-color{
    background-color:#1c282c;
}
 .color-palate a.purple-color{
    background-color:#31708f;
}
 .color-palate a.sky-color{
    background-color:#286090;
}
 .color-palate a.silver-color{
    background-color:#c0c0c0;
}
 .bg-opacity:before{
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:-1;
}
 .bg-opacity:before{
    background:rgba(0, 0, 0, 0.2);
}
 .home-bg{
    background:rgba(255,255,255,0) url("../image/banner/gradients/bg_gradient_5.png");
    background-attachment:fixed;
    background-clip:initial;
    background-color:rgba(255,255,255,0);
    background-origin:initial;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    position:relative;
    z-index:0;
}
 .service-bg{
    background:rgba(26,5,2,0) url("../image/banner/gradients/bg_gradient_2.png");
    background-clip:initial;
    background-color:rgba(26,5,2,0);
    background-origin:initial;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    position:relative;
    z-index:0;
}
 .counter-bg{
    background:rgba(0,0,0,0) url("../image/banner/gradients/bg_gradient_9.png");
    background-clip:initial;
    background-color:rgba(255,255,255,0);
    background-origin:initial;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    position:relative;
    z-index:0;
}
 .blog-bg{
    background:rgba(0,0,0,0) url("../image/banner/dummy_image.jpg");
    background-clip:initial;
    background-color:rgba(255,255,255,0);
    background-origin:initial;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    position:relative;
    height:400px;
    z-index:0;
}
 .header{
    width:100%;
    position:fixed;
    top:0;
    z-index:999;
    border-radius:0;
    -webkit-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out;
    transition:all 0.4s ease-in-out;
}
 .navbar-brand{
    height:auto;
    display:block;
    font-size:28px;
    line-height:30px;
    color:#fff;
    font-weight:500;
    padding-top:25px;
    padding-bottom:25px;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}
 .navbar-brand:hover, .navbar-brand:focus{
    color:#fff;
}
 .navbar-collapse{
    padding-left:0;
    padding-right:0;
}
 .header .navbar-nav{
    font-weight:700;
    margin:0;
    float:right;
}
 .header .navbar-nav li a{
    padding:30px 15px;
    color:#fff;
    font-size:12px;
    font-weight:500;
}
 .header .navbar-nav li a:hover, .header .navbar-nav li a:focus{
    background:none;
}
 .header .navbar-nav li.active a{
    color:#1c282c;
}
 .header .navbar-toggle{
    margin-top:20px;
    padding:10px;
}
 .header .navbar-toggle .icon-bar{
    background:#fff;
    height:3px;
}
 .header.shrink{
    position:fixed;
    top:0;
    background:#fff;
    box-shadow:0 1px 35px -16px #555;
}
 .header.shrink .navbar-brand{
    padding-top:15px;
    padding-bottom:15px;
    color:#222;
}
 .header.shrink .navbar-nav li a{
    padding-top:20px;
    padding-bottom:20px;
    color:#222;
    text-align:right;
    padding-right:25px;
}
 .header.shrink .navbar-toggle{
    margin-top:10px;
    padding:10px;
}
 .header.shrink .navbar-toggle .icon-bar{
    background:#222;
    height:3px;
}
 .toggle-menu .fa{
    position:fixed;
    top:50px;
    left:50px;
    width:50px;
    height:50px;
    line-height:50px;
    text-align:center;
    font-size:20px;
    color:#fff;
    background-color:#f33;
    cursor:pointer;
    z-index:88;
    border-radius:50%;
    -webkit-transition:opacity 0.5s ease-in-out;
    -moz-transition:opacity 0.5s ease-in-out;
    -o-transition:opacity 0.5s ease-in-out;
    transition:opacity 0.5s ease-in-out;
}
 .hide-toggle{
    opacity:0;
}
 .slider-area{
    padding:100px 0 0;
}
 .slider-area.home-bg{
    padding:0;
    height:100vh;
}
 .slider-area.home-bg .container{
    position:absolute;
    top:45%;
    left:0;
    width:100%;
}
 .text h1{
    font-size:55px;
    font-weight:bold;
    color:#f4fa38;
    text-transform:uppercase;
    padding-top:0px;
    display:inline-block;
}
 .blog-text .text h1{
    font-size:40px;
    font-weight:bold;
    color:#fff;
    text-transform:capitalize;
    padding-top:10px;
    display:inline-block;
    margin-bottom:140px;
    margin-top:40px;
}
 .text h3{
    color:#fff !important;
    font-weight:500;
    text-transform:capitalize;
}
 .text .element{
    color:#1c282c;
}
 .bouncing-icon{
    position:absolute;
    left:48%;
    margin-top:100px;
    width:50px;
    color:#fff;
    font-size:40px;
    text-align:center;
    transition:all .4s ease 0s;
    animation:3s ease 0s normal none infinite running bounce;
}
 .area-heading{
    margin-bottom:30px;
}
 .area-heading-style-two{
    padding:0px 0px 50px 0px;
}
 .text-left.area-heading-style-two{
    margin-left:0;
    text-align:left;
    width:60%;
}
 .text-right.area-heading-style-two{
    margin-left:auto;
    margin-right:0;
    text-align:right;
    width:60%;
}
 .area-heading.area-heading-style-two p{
    display:block;
    font-size:14px;
    line-height:25px;
    margin:0;
    text-transform:none;
}
 .area-title{
    font-size:40px;
    font-weight:600;
    letter-spacing:2px;
    line-height:40px;
    position:relative;
    text-transform:capitalize;
    color:#222222;
}
 .area-title-2{
    font-size:40px;
    font-weight:600;
    letter-spacing:2px;
    line-height:40px;
    position:relative;
    text-transform:capitalize;
    color:#fff;
}
 #about img{
    margin:0;
    -webkit-box-shadow:0 0 10px #222;
    -moz-box-shadow:0 0 10px #222;
    box-shadow:0 0 10px #222;
}
 .about-text h3{
    font-weight:500;
}
 .about-text p{
    padding-top:10px;
    font-size:14px;
    text-align:left;
    font-weight:300;
    line-height:24px;
    color:#222 !important;
}
 @media (max-width:991px){
    #about img{
        margin-right:auto;
        margin-left:auto;
        margin-bottom:40px !important;
        -webkit-box-shadow:0 0 10px #222;
        -moz-box-shadow:0 0 10px #222;
        box-shadow:0 0 10px #222;
    }
}
 #skill h3{
    text-align:center;
    font-weight:bold;
    margin-bottom:35px;
    text-transform:capitalize;
    font-size:25px;
}
 .progress-title{
    margin-bottom:5px;
    font-size:18px;
    color:#222;
    font-weight:500;
}
 .progress-title .value{
    float:right;
}
 .progress{
    height:10px;
    border-radius:5px;
    width:100%;
    margin-bottom:35px;
}
 .progress .progress-bar{
    height:10px;
    background-color:#1c282c;
    box-shadow:none;
}
 .progress .progress-bar-dark{
    background-color:#1c282c;
}
 .modal-header .close{
    margin-top:-28px;
}
 .modal-header h5{
    font-weight:300;
    text-transform:capitalize;
    font-size:28px;
    color:black;
}
 .modal-body img{
    padding:15px 15px 20px 15px;
    width:auto;
    display:block;
    margin-left:auto;
    margin-right:auto;
    transition:none !important;
    transform:none !important;
}
 .row h5{
    font-weight:bold;
    text-transform:capitalize;
    font-size:20px;
    margin-bottom:5px;
}
 .portfolio-container.portfolio-gutter{
    margin-left:-10px;
    margin-right:-10px;
}
 #portfolio{
    background:#F5F5F5;
}
 .portfolio-gutter .portfolio-item{
    padding:0 10px;
    margin-bottom:20px;
}
 .portfolio-item{
    float:left;
}
 .portfolio-column-count-4 .portfolio-item{
    width:33%;
}
 .portfolio-item-content{
    overflow:hidden;
    position:relative;
}
 .portfolio-filter{
    margin-bottom:40px;
}
 .portfolio-filter > li{
    display:inline-block;
}
 .portfolio-filter > li + li{
    margin-left:30px;
}
 .portfolio-filter > li a{
    color:#222;
    display:block;
    font-size:12px;
    font-weight:500;
    text-transform:uppercase;
}
 .portfolio-filter > li.active a, .portfolio-filter > li a:hover, .portfolio-cat a:hover{
    color:#1c282c;
}
 .portfolio-filter > li a{
    color:#222;
}
 .portfolio-description{
    background:rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
    bottom:0;
    left:0;
    opacity:0;
    padding:15px 0;
    position:absolute;
    color:#ffffff;
    transform:translateY(20px);
    transition:all 0.3s ease 0s;
    width:100%;
    z-index:2;
}
 .portfolio-description i{
    color:#fff;
    background:#46707d;
    padding:15px 20px;
    margin:10px 10px;
}
 .portfolio-item:hover .portfolio-description{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}
 .portfolio-style-2 .portfolio-description{
    background-color:transparent;
    bottom:auto;
    padding:0 25px 0 25px;
    text-align:center;
    top:50%;
    transform:translateY(-50%);
    z-index:1;
}
 .portfolio-style-2 .portfolio-item:hover .portfolio-description{
    opacity:1;
    transform:translateY(-50%);
    visibility:visible;
}
 .portfolio-style-2 .portfolio-description h4 a::before{
    display:none;
}
 .portfolio-style-2 .portfolio-description h4{
    padding-left:0;
    transition-duration:0.3s;
}
 .portfolio-style-2 .portfolio-cat{
    overflow:hidden;
    padding-left:0;
    transition-duration:0.6s;
}
 .portfolio-style-2 .item-thumbnail::before{
    content:"";
    height:100%;
    left:0;
    opacity:0;
    position:absolute;
    top:0;
    transition:all 0.3s ease 0s;
    width:100%;
    background:rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    z-index:1;
}
 .portfolio-style-2 .portfolio-item:hover .item-thumbnail::before{
    opacity:1;
}
 .portfolio-style-2 .portfolio-description h4 a{
    margin:0 0 5px;
}
 .portfolio-style-2 .portfolio-description h4 a:hover, .portfolio-style-2 .portfolio-cat a:hover{
    color:#1c282c;
}
 .portfolio-style-2 .portfolio-cat{
    font-weight:400;
    color:#ffffff;
}
 .portfolio-style-2 .portfolio-description h4 a, .portfolio-style-2 .portfolio-cat a{
    color:#fff;
    padding:0;
}
 .portfolio-style-2 .portfolio-cat > li::before{
    color:#fff;
}
 .load-more > a{
    background-color:#333;
    color:#fff;
    display:inline-block;
    font-size:14px;
    font-weight:600;
    margin-top:14px;
    padding:10px 20px;
    text-transform:uppercase;
}
 .load-more > .btn:hover, .load-more > .btn:focus{
    color:#fff;
}
 .slider-text > a i{
    padding-left:5px;
}
 .white-text{
    color:#fff !important;
}
 .action-btns a{
    background:#fff none repeat scroll 0 0;
    border-radius:100%;
    color:#222;
    display:inline-block;
    font-size:20px;
    height:50px;
    line-height:50px;
    margin-bottom:0px;
    width:50px;
}
 .action-btns a:hover{
    background:#ccc;
}
 .portfolio-details{
    margin-top:80px;
}
 .port-slider img{
    position:relative;
}
 .item-thumbnail{
    position:relative;
    background-color:#000;
    margin-left:auto;
    margin-right:auto;
}
 .portfolio-item img{
    transition:transform 0.5s ease 0s;
}
 .portfolio-item:hover img{
    transform:scale3d(1.05, 1.05, 1.05);
}
 .portfolio-description h4{
    font-size:18px;
    letter-spacing:1px;
    margin:0;
    padding-left:20px;
    text-transform:uppercase;
}
 .portfolio-description h4 a{
    display:inline-block;
    margin-bottom:6px;
    padding-bottom:6px;
    position:relative;
}
 .portfolio-item:hover .portfolio-cat, .portfolio-item:hover .portfolio-description h4{
    opacity:1;
    transform:translateY(0);
    color:#ffffff;
}
 .portfolio-cat, .portfolio-description h4{
    opacity:0;
    transition:.3s;
    transform:translateY(-10px);
}
 .portfolio-cat{
    overflow:hidden;
    padding-left:20px;
}
 .portfolio-cat > li{
    display:inline-block;
    margin-right:10px;
    position:relative;
}
 .portfolio-cat > li::before{
    content:",";
    position:absolute;
    right:-5px;
}
 .portfolio-cat > li:last-child::before{
    content:"";
}
 .portfolio-cat > li:last-child{
    margin-right:0;
}
 .portfolio-cat a{
    color:#3a3a3a;
    font-size:13px;
    font-weight:300;
    letter-spacing:1px;
    text-transform:capitalize;
}
 .pagination-area{
    margin-top:10px;
}
 .portfolio-bottom{
    border:1px solid #ddd;
    padding:20px;
    text-align:center;
    background-color:#fff;
}
 .portfolio-bottom h4{
    font-size:20px;
    text-transform:capitalize;
}
 .portfolio-bottom h6{
    font-size:15px;
    text-transform:capitalize;
}
 .mosaic-grid{
    width:66.66% !important;
}
 #service{
	background:#210524;
}
 .service-header h3{
    font-size:22px;
    font-weight:600;
    color:white;
}
 .service-header i{
    display:inline-block;
    font-size:35px;
    font-weight:normal;
    margin-top:20px;
    margin-bottom:20px;
    color:#fff;
    transition:.3s;
}
 .single-service >p{
    font-size:14px;
    line-height:24px;
    font-weight:300;
    margin-bottom:20px;
    color:white;
}
 .col-md-4.col-sm-6:nth-child(-n+3) .single-service{
    margin-bottom:35px;
}
 .single-service{
    padding:0 50px;
    text-align:center;
    background:#5F5F5F;
}
 .camel-box .box-single:hover{
    box-shadow:0 25px 45px rgba(0,0,0,.15);
}
 .camel-box .box-single{
    transition:all 0.6s ease 0s;
}
 .box-single .service-header i{
    font-size:35px;
    border:1px solid #fff;
    height:70px;
    width:70px;
    line-height:70px;
    text-align:center;
    border-radius:50%;
}
 .single-service:hover .service-header i{
    color:#999;
}
 .box-single:hover .service-header i{
    color:#fff;
    background-color:#1c282c;
    transition:1s;
}
 .box{
    color:#ffd133;
    border:1px solid #fff;
    background-color:rgba(33,51,56, .2);
    box-shadow:0 2px 3px hsla(0,0%,4%,.1), 0 0 0 1px hsla(0,0%,4%,.1);
    padding:3rem;
    display:block;
}
 .box h3, .box h5{
    color:#fff;
    text-transform:inherit;
    line-height:21px;
}
 .single-testimonial{
    position:relative;
    padding:15px 20px;
    border:1.5px solid #bbb;
}
 .tes-image{
    position:absolute;
    left:20px;
    top:20px;
}
 .single-testimonial .tes-image img{
    max-width:90px;
    max-height:90px;
    box-shadow:0 0 0 5px #1c282c;
}
 .tes-name{
    position:absolute;
/*    left:130px;*/
    padding:0;
}
 .tes-name .subtitle{
    font-size:20px;
    font-weight:600;
}
 .single-testimonial p.comp{
    font-style:italic;
    color:#ffa500;
    font-size:14px;
    line-height:24px;
}
 .tes-content{
    margin-top:70px;
}
 .single-testimonial p{
    color:#222;
    font-size:14px;
    line-height:24px;
}
 .single-testimonial p.description{
    text-align:left;
    font-size:14px;
    line-height:24px;
}
 .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
    background:#ffa500;
}
 #counter .single-counter{
    text-align:center;
    color:#1c282c;
}
 #counter .single-counter h1{
    color:#fff;
    margin-top:20px;
    font-weight:600
}
 #counter .single-counter h4{
    color:#fff;
    text-transform:capitalize;
    font-weight:400;
    margin-bottom:40px;
}
 #contact{
    background:#F5F5F5;
}
 .contact-info{
    text-align:center;
}
 .contact-info i{
    font-size:25px;
    margin-bottom:10px;
    color:#ffbf3b;
}
 .contact-info p{
    color:#222;
    font-size:14px;
    line-height:24px;
}
 .footer-section{
    background:#111;
    text-align:center;
    padding:70px 0;
}
 .footer-section .social-links{
    margin-bottom:25px;
}
 .social-links a{
    display:inline-table;
    text-align:center;
    height:35px;
    width:35px;
    color:#fff;
    border-radius:50%;
    margin:0 5px;
    transition:all .3s ease;
}
 .social-links a:hover{
    opacity:.7s;
}
 .social-links a i{
    display:table-cell;
    vertical-align:middle;
}
 .social-links a.linkedin{
    background:#0e76a8;
}
 .footer-section p{
    font-size:14px;
    line-height:24px;
    margin-bottom:0;
    color:#fff;
    line-height:normal;
}
 #loader-wrapper{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1000;
}
 #loader{
    display:block;
    position:relative;
    left:50%;
    top:50%;
    width:150px;
    height:150px;
    margin:-75px 0 0 -75px;
    border-radius:50%;
    border:10px solid transparent;
    border-top-color:#1c282c;
    -webkit-animation:spin 1s linear infinite;
    animation:spin 1s linear infinite;
    z-index:1001;
}
 #loader:before{
    content:"";
    position:absolute;
    top:5px;
    left:5px;
    right:5px;
    bottom:5px;
    border-radius:50%;
    border:5px solid transparent;
    border-top-color:#31708f;
    -webkit-animation:spin 5s linear infinite;
    animation:spin 5s linear infinite;
}
 #loader:after{
    content:"";
    position:absolute;
    top:15px;
    left:15px;
    right:15px;
    bottom:15px;
    border-radius:50%;
    border:20px solid transparent;
    border-top-color:#31708f;
    -webkit-animation:spin 1.5s linear infinite;
}
 @-webkit-keyframes spin{
    0%{
        -webkit-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        transform:rotate(0deg);
    }
     100%{
        -webkit-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        transform:rotate(360deg);
    }
}
 @keyframes spin{
    0%{
        -webkit-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        transform:rotate(0deg);
    }
     100%{
        -webkit-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        transform:rotate(360deg);
    }
}
 #loader-wrapper .loader-section{
    position:fixed;
    top:0;
    width:51%;
    height:100%;
    background:#333;
    z-index:1000;
    -webkit-transform:translateX(0);
    -ms-transform:translateX(0);
    transform:translateX(0);
}
 #loader-wrapper .loader-section.section-left{
    left:0;
}
 #loader-wrapper .loader-section.section-right{
    right:0;
}
 .loaded #loader-wrapper .loader-section.section-left{
    -webkit-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    transform:translateX(-100%);
    -webkit-transition:all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition:all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
 .loaded #loader-wrapper .loader-section.section-right{
    -webkit-transform:translateX(100%);
    -ms-transform:translateX(100%);
    transform:translateX(100%);
    -webkit-transition:all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition:all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
 .loaded #loader{
    opacity:0;
    -webkit-transition:all 0.3s ease-out;
    transition:all 0.3s ease-out;
}
 .loaded #loader-wrapper{
    visibility:hidden;
    -webkit-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    transform:translateY(-100%);
    -webkit-transition:all 0.3s 1s ease-out;
    transition:all 0.3s 1s ease-out;
}