/*



Theme Name: City Square Theme



Author URI: http://webthemez.com/



Description: This theme is a pretty versatile, that places the emphasis of the home page. It would be great for a corporate websites, business websites, personal blog.



License: Free to use for personal and commercial, but you need to place back link in the bottom of the template.



*/



@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700);



@import url(https://fonts.googleapis.com/css?family=Pacifico);







* {



    margin: 0;



    padding: 0;



    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;



}



h1, .h1 {

    font-size: 36px;

    color: #1f179e;

}

h2, .h2 {

    

    color: #33954B;

}

body {



    font-size: 16px;



    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;



    -webkit-font-smoothing: antialiased;



    background: #ffffff;



}







::selection {



    color: #fff;



    background: #19344f;



}







::-moz-selection {



    color: #fff;



    background: #19344f;



}







p {



    color: #000000;



	line-height:22px;



}



.white{



	background:#fff;



	}



.pDark p {



    color: #6D6D6D;



}







.pDark h3 {



    color: #BEBEBE;



}







.btn, .form-control, .team-socials i {



    border-radius: 5px !important;



}







.button-outline {



    -webkit-font-smoothing: antialiased;



    display: inline-block;



    vertical-align: middle;



    zoom: 1;



    color: #fff;



    padding: 10px 25px;



    border: 2px solid #fff;



    border-radius: 0px;



    font-size: 16px;



    font-weight: 400;



    background: rgba(255,255,255,0.15);



}







    .button-outline:hover {



        color: #fff;



        background: rgba(255,255,255,0.35);



    }







a {



    color: #19344f;



    text-decoration: none;



    text-shadow: none;



    -webkit-transition: all 0.2s linear;



    -moz-transition: all 0.2s linear;



    -ms-transition: all 0.2s linear;



    -o-transition: all 0.2s linear;



    transition: all 0.2s linear;



}







    a:hover {



        color: #DF3927;



        text-decoration: none;



    }







.btn {



    border: 0px;



    border-radius: 0px;



}



.btn:hover {



background: #E24040;



}







.btn-primary {



    background: #19344f;



}







.form-control {



    border-radius: 0px;



}







.mrgn30 {



    margin: 30px 0;



}







.copyright {



    color: #6D6D6D;



    background: #E9E9E9;



    padding: 20px 0;



}







#top {



    position: relative;



}







.topHome {



    position: fixed;



    bottom: 20px;



    right: 20px;



    z-index: 5;



	background: #19344f;



}



.topHome .fa-2x {



font-size: 20px;



color:#fff;



margin: 4px;



}



/* Header 



----------------------------------------------*/



.header {



    position: fixed;



    width: 100%;



    background: #19344f;



    z-index: 50;



    border-radius: 0;



    top: 0px;



    border-bottom: 1px solid #fff;



}







.navbar-inverse .navbar-toggle {



    border-color: #19344f;



    background-color: #19344f;



}



.header .navbar {



margin: 0;



background: transparent !important;



}



    .navbar-inverse .navbar-toggle .icon-bar {



        /*background-color: #19344f;*/;



    }







    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {



        background: #19344f;



    }







.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {



    color: #19344f;



}







.navbar-inverse .navbar-toggle:hover .icon-bar {



    background: #fff;



}



.navbar-inverse .navbar-nav > li > a {



	color: #FFFFFF;



}



.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {



color: #FFFFFF;



}



.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {



color: #FFFFFF;



background: none;



}	



.navbar-toggle {



}



/*.carousel-inner*/



#myCarousel {



    margin-top: 50px;



    border-bottom: 4px solid #19344f;



}







.carousel-inner > .item {



}







.carousel-caption {



    padding: 0px;



    bottom: 40%;



    display: block;



    height: 80px;



}







    .carousel-caption h1 {



        font-size: 45px;



        padding: 10px 15px;



        background: rgba(128, 180, 33, 0.80);



        color: #FFFFFF;



        text-shadow: none;



        font-weight: bold;



        display: inline-block;



    }







    .carousel-caption h3 {



        font-size: 30px;



        color: #1C4604;



        font-weight: bold;



        text-shadow: #fff 1px 1px 1px;



    }







.actionPanel {



    padding: 25px 0;



    background: #19344f;



}







    .actionPanel h3 {



        margin: 0px;



    }







.circle {



    background: #19344f;



    height: 60px;



    width: 60px;



    border-radius: 35px;



    color: #fff;



    line-height: 60px !important;



}



/*----Nav ----*/



.header .navbar-brand {



    float: left;



    padding: 20px 15px;



    line-height: 18px;



    height: 50px;



    /*color:#19344f;*/;



}







.navbar-brand b {



    color: #fff;



	



	font-weight:400;



}







.logo {



    font-size: 2.2em;



    text-shadow: none;



    margin: 8px 0 0 0;



}







    .logo:hover {



        color: #5A5A5A;



    }







.header .navbar {



    margin: 0;



    background: #fff;



    border: 0;



}







.navbar-inverse .navbar-nav > li > a {



    font-size: 1.0em;



    line-height: normal;



    margin: 17px;



    padding: 6px 10px !important;



    border-radius: 5px;



}







.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {



    color: #fff;



    background: none;



}







.navbar-nav > li:hover > a {



    color: #fff;



}







.header .navbar-nav > li > a {



    padding: 25px 18px;



    text-transform: uppercase;



}



.cccc {

    margin-top: 108px;

    color: #19344f;

}

.cccc p {

    

     color: #000000!important;

    font-size: 18px!important;

    font-weight: bold!important;

    line-height: 41px;

}



.page-section {



    width: 100%;



    height: auto;



    padding: 30px 0;



}







.noPadd {



    padding: 0;



}







.page-section h1 {



    line-height: 1.2em;



}







    .page-section h1 span {



        font-weight: 200;



    }







.page-section h2 {



    color: #19344f;



}







.page-section p {



    font-size: 16px;



    line-height: 1.6em;



}







.darkBg {



    background: rgb(44, 44, 44);



}







    .darkBg .fa {



        color: #19344f;



    }



/*--- Banner ----*/



.banner-container {



    width: 100%;



    position: relative;



    padding: 0px;



    box-shadow: 0px 0px 1px rgba(0,0,0,0.4);



    /*background: url("../images/banner-bg.jpg") no-repeat;*/



    background-size: 100% 100%;



    background-size: cover;



    margin-top: 60px;



    position: relative;

    background-color: #008000b3;



}







    .banner-container > img {



        width: 100%;

        background: #19344f;

    }







.banner-content {



    position: absolute;



    z-index: 3;



    top: 0px;



    left: 0px;



    right: 0px;



}







    .banner-content h2 {



        color: #fff;



        font-size: 3.5em;



        margin: 2% 0 30px;



        line-height: 1.2em;



    }







    .banner-content p {



        font-size: 1.6em;



        font-weight: normal;



        font-style: normal;



        color: #fff;



    }







.da-slider {



    margin: 0 auto !important;



}







.sub-heading {



    padding: 15px 0;



}







    .sub-heading h2 {



        font-size: 18px;



        margin: 15px 0 8px !important;



    }







    .sub-heading p {



        color: #5A5A5A;



    }







.heading { 



    padding: 3px 10px;



    margin-bottom: 10px;



    display: block;



}







    .heading p {



       



    }







.pdingBtm30 {



    padding-bottom: 30px;



}







.da-arrows span:after {



    width: 25px;



    height: 24px;



}







.da-arrows span {



    position: absolute;



    top: 50%;



    height: 34px;



    width: 34px;



    border-radius: 60px;



    background: none;



}







.da-dots span {



    display: inline-block;



    position: relative;



    width: 16px;



    height: 16px;



    border-radius: 0px;



    background: rgba(255, 255, 255, 0.13);



    margin: 3px;



    cursor: pointer;



    box-shadow: 1px 1px 1px rgba(0,0,0,0.6) inset, 1px 1px 1px rgba(255,255,255,0.1);



    border: 2px solid rgba(255, 255, 255, 0.6);



}



.secPad{



	padding:60px 0;



}



/*Intro Content*/



#introText {



padding:50px 0;



background:#fff;



}



.txtHead h3{

    margin: 0px!important

}



#aboutUs .txtHead{



background:#fff;



padding:10px;

border-radius: 6px;

}



#aboutUs .txtHead .fa {



font-size: 58px;



color: #5E5E5E;



}



.tileBox p{



    background-color: #f0f0f0;



font-size: 15px;



color: #777777;



padding: 20px;



margin: 0px;



}



/*parlex*/



.bg-parlex {



padding-top: 0px;



background-image: url('../images/banner-bg.jpg');



background-size: cover;



background-repeat: no-repeat;



background-attachment: fixed;



}



.parlex-back {



padding: 30px 0;



background-color: rgba(0, 0, 0, 0.37);



color: #FDFDFD !important;



}



/*Skills*/



.skilltitle {



text-align: right;



font-weight: 600;



padding-right: 0px;



}



.progress {



border-radius: 0px;



height: 15px;



margin-top: 5px;



background-color: #D6D6D6;



}



.progress .progress-bar {



background-color: #19344f;



}



/*Skills*/







/*Timeline*/







#timeline {



  list-style: none;



  position: relative;



}



#timeline:before {



  top: 0;



  bottom: 0;



  position: absolute;



  content: " ";



  width: 2px;



  background-color: #19344f;



  left: 50%;



  margin-left: -1.5px;



}



#timeline .clearFix {



  clear: both;



  height: 0;



}



.timeline-movement .timeline-badge span{

    margin: 5px 9px 6px 12px;

    font-size: 32px;

}

#timeline .timeline-badge {



  color: #fff;



  width: 50px;



  height: 50px;



  font-size: 1.2em;



  text-align: center;



  position: absolute;



  top: 20px;



  left: 50%;



  margin-left: -25px;



  background-color: #19344f;



  z-index: 36;



  border-top-right-radius: 50%;



  border-top-left-radius: 50%;



  border-bottom-right-radius: 50%;



  border-bottom-left-radius: 50%;



}



#timeline .timeline-badge span.timeline-balloon-date-day {



  font-size: 1.4em;



}



#timeline .timeline-badge span.timeline-balloon-date-month {



  font-size: 13px;



position: relative;



top: -6px;  



display: inherit;



}



#timeline .timeline-badge.timeline-filter-movement {



     background-color: #ffffff;

    font-size: 1.7em;

    height: 35px;

    margin-left: -31px;

    width: 35px;

    top: 37px;



}



#timeline .timeline-badge.timeline-filter-movement a span {



  color: #19344f;



  font-size: 1.3em;



  top: -1px;



}



#timeline .timeline-badge.timeline-future-movement {



  background-color: #ffffff;



  height: 35px;



  width: 35px;



  font-size: 1.7em;



  top: -16px;



 



}



#timeline .timeline-badge.timeline-future-movement a span {



  color: #19344f;



  font-size: .9em;



  top: 2px;



  left: 1px;



}



#timeline .timeline-movement {



  border-bottom: dashed 1px #19344f;



  position: relative;



}



#timeline .timeline-movement.timeline-movement-top {



  height: 60px;



}



#timeline .timeline-movement .timeline-item {



  padding: 20px 0;



}



#timeline .timeline-movement .timeline-item .timeline-panel {



  border: 1px solid #d4d4d4;



  border-radius: 3px;



  background-color: #FFFFFF;



  color: #666;



  padding: 10px;



  position: relative;



  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);



  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);



}



#timeline .timeline-movement .timeline-item .timeline-panel .timeline-panel-ul {



  list-style: none;



  padding: 0;



  margin: 0;



}



#timeline .timeline-movement .timeline-item .timeline-panel.credits .timeline-panel-ul {



  text-align: right;



}



#timeline .timeline-movement .timeline-item .timeline-panel.credits .timeline-panel-ul li {



  color: #666;



}



#timeline .timeline-movement .timeline-item .timeline-panel.credits .timeline-panel-ul li span.importo {



  color: #19344f;



  font-size:22px;



}



#timeline .timeline-movement .timeline-item .timeline-panel.debits .timeline-panel-ul {



  text-align: left;



}



#timeline .timeline-movement .timeline-item .timeline-panel.debits .timeline-panel-ul span.importo {



  color: #19344f;



  font-size: 22px;



}







/* Services



    -------------------------------------------------*/



.grid .text-content {



    padding-left: 35%;



}







.grid .text-content {



    display: block;



    padding-left: 19%;



    padding-right: 8%;



}







.grid .grid-item {



}







.grid .text-content h5 {



    font-weight: bold;



}







.grid .grid-item .item-content {



    display: block;



    outline: none;



    text-decoration: none;



    padding: 20px 0;



}







.item-content .fa {



    position: absolute;



    color: #646464;



    font-size: 4.5em;



    top: 36px;



}



/* Team



    ---------------------------------------------------*/



.team-member {



    margin-bottom: 15px;



}







.member-img {



    overflow: hidden;



}







.team-member .member-img img {



    max-width: 250px;



    margin: 0 auto;



    border: 1px solid #19344f;



}







.team-member h4 {



    font-size: 19px;



    line-height: 32px;



    margin: 10px 0 0 15px;



    text-align: center;



}







.team-member .pos {



    display: block;



    margin: 0 0 0 15px;



    text-align: center;



}







.team-member .contact a {



    padding: 0 8px;



}























.descrition {



    min-height: 90px;



    /*text-align: center;*/



    /*border-bottom: 1px solid #dadde2;*/



    padding: 5px 15px;



}







.team-member {



    padding-top: 5px;



}







.team-socials {



    margin: 15px 0;



    display: block;



    text-align: center;



}







    .team-socials i {



        width: 42px;



        height: 42px;



        line-height: 42px;



        background: transparent;



        border: 2px solid #E7EBEF;



        margin: 0px 5px 0px 0px;



        position: relative;



        display: inline-block;



        text-align: center;



        font-size: 18px;



    }



/* ------- */







.isotopeWrapper article {



    margin-bottom: 30px;



}







#portfolio {


    /*background-image: url(../images/slider2.png);*/

    background-size: cover;

    background-color: #19344f;



}



#portfolio p {

    /*color: rgb(25, 52, 79);;*/

    

}



    #portfolio img {



        width: 100%;



    }







    #portfolio article p {



        margin-bottom: 1.45em;



        /*set next row on the baseline*/;



    }







nav#filter {



    margin-bottom: 1.5em;



}







    nav#filter li {



        display: inline-block;



        margin: 0 0 0 5px;



    }







    nav#filter a {



        padding: 4px 12px;



        line-height: 20px;



        border: 1px solid #19344f;



        text-decoration: none;



    }







.current {



    background: #19344f;



    color: #fff;



}







.portfolio-items article img {



    width: 100%;



}







.portfolio-item {



    display: block;



    position: relative;



    -webkit-transition: all 0.2s ease-in-out;



    -moz-transition: all 0.2s ease-in-out;



    -o-transition: all 0.2s ease-in-out;



    transition: all 0.2s ease-in-out;



}







    .portfolio-item img {



        -webkit-transition: all 300ms linear;



        -moz-transition: all 300ms linear;



        -o-transition: all 300ms linear;



        -ms-transition: all 300ms linear;



        transition: all 300ms linear;



    }







    .portfolio-item .portfolio-desc {



        display: block;



        opacity: 0;



        position: absolute;



        width: 100%;



        left: 0;



        top: 0;



        color: rgba(220, 220, 220);



    }







.fancybox-overlay {



    background: rgba(0, 0, 0, 0.64);



}







.portfolio-item:hover .portfolio-desc {



    padding-top: 20%;



    height: 100%;



    transition: all 200ms ease-in-out 0s;



    opacity: 1;



    background: rgba(61, 61, 61, 0.67);



}







.portfolio-item .portfolio-desc a {



    color: #fff;



    text-align: center;



    display: block;



}







    .portfolio-item .portfolio-desc a:hover {



        /*text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.7);*/



        text-decoration: none;



    }







.portfolio-item .portfolio-desc .folio-info {



    top: -20px;



    padding: 30px;



    height: 0;



    opacity: 0;



    position: relative;



}







.portfolio-item:hover .folio-info {



    height: 100%;



    opacity: 1;



    transition: all 500ms ease-in-out 0s;



    top: 5px;



}







.portfolio-item .portfolio-desc .folio-info h5 {



    text-transform: uppercase;



    text-align: center;



    font-weight: bold;



    font-size: 1.4em;



}







.portfolio-item .portfolio-desc .folio-info p {



    color: #ffffff;



    font-size: 12px;



}







.page-section.intro {



    min-height: 600px;



}







.btn {



    font-weight: 200;



}







.btn-dark {



    background: #444;



    color: #fff;



}







    .btn-dark:hover {



        background: #000;



        color: #fff;



    }







.back-to-top {



    display: inline-block;



    clear: both;



    background: #fff;



    color: #333;



    padding: 0 10px 5px;



    margin: 20px 0 0;



    text-shadow: none;



}







    .back-to-top:hover {



        background: #333;



        color: #fff;



        text-decoration: none;



    }







hr {



    border-color: #ddd;



}







body {



    margin: 0;



    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;



}







#navigation {



    position: fixed;



    top: 0;



    right: 0;



    margin: 0;



    padding: 0;



    width: 200px;



    background: #ffffff;



    box-shadow: 0 10px 10px -10px #000000;



}







    #navigation > li {



        margin: 0;



        padding: 0;



        list-style: none;



    }







        #navigation > li > a {



            margin: 1px;



            color: #000000;



            background: #cccccc;



            display: block;



            padding: 5px;



            text-decoration: none;



            transition: all 400ms;



        }







            #navigation > li > a.current,



            #navigation > li:hover > a {



                background: #999999;



            }







.pageSection {



    min-height: 600px;



    padding: 20px;



    background: #dddddd;



}







    .pageSection:nth-child(odd) {



        background: #eeeeee;



    }







.socialIcons li {



    list-style: none;



    display: inline;



    margin-right: 6px;



}







footer {



    border-top: 1px solid #e5e5e5;



    padding: 45px 0;



    background: #fff;



}







.social a:hover {



    color: #c0392b;



}







.social a {



    font-size: 32px;



    margin: 0 10px;



    color: #c7c7c7;



}







.contact ul li {



    margin-bottom: 10px;



}







    .contact ul li i {



        margin-right: 15px;



    }



/*Clients*/



.clients #owl-demo .item {



    background: none;



}







.clients .helper {



    display: inline-block;



    height: 100%;



    vertical-align: middle;



}







    .clients .helper img {



        vertical-align: middle;



        max-height: 70px;



        max-width: 80%;



    }







.clients .customNavigation > a {



    font-size: 25px;



    cursor: pointer;



    margin: 0px 5px;



}







@media (min-width: 768px) {



    .header .navbar-brand {



        padding-left: 0;



    }







    .navbar-nav {



        float: right;



    }







    .navbar-inverse .navbar-nav > li > a {  



        padding: 10px 7px !important;



        border-radius: 5px;



        margin: 19px 0px;



    }



}







@media (max-width: 768px) {



    .banner-container {



        background-size: contain;



    }







    .team-member .member-img img {



        max-width: 100%;



    }







    .da-slider {



        height: 380px;



        width: 100%;



        min-width: initial;



        margin: 0px !important;



    }



.da-slide h2 {



        font-size: 40px;



        text-align: center;



        width: initial;



        top: 10px;



    }







    .da-slide p {



        width: 65%;



        top: 65px;



        height: 50px;



    }



    .header .navbar-nav > li > a {



        padding: 25px 12px;



    }







    .portfolio-item:hover .folio-info {



        top: 0px;



    }







    .portfolio-item .portfolio-desc .folio-info {



        padding: 0px;



    }







        .portfolio-item .portfolio-desc .folio-info h5 {



            font-size: 1em;



        }







    .navbar-inverse .navbar-nav > li > a { 



        font-size: 1em;



        padding: 5px 7px !important;



        border-radius: 5px;



        margin: 19px 0px;



    }



	.skilltitle {



 	text-align: left;



	}



	#timeline { 



	margin:0px 12px;



	}



}







@media (max-width:760px) {



    .header .navbar-nav > li > a {



        padding: 7px 12px;



        font-size: 14px;



    }







    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {



        border-color: #A8A8A8;



    }



}







@media (max-width: 480px) {



    .banner-container {



        background-size: contain;



        margin-top: 67px;



    }







    .navbar-inverse .navbar-nav > li > a {



        font-size: 0.9em;



        padding: 5px 7px !important;



        margin: 2px 0px;



    }







    .navbar-toggle {



        margin: 17px;



    }







    .da-slide h2 {



        font-size: 30px;



        text-align: center;



        width: initial;



        top: 10px;



    }







    .da-slide p {



        width: 65%;



        top: 65px;



        height: 50px;



    }







    .page-section h1 {



        font-size: 3em;



    }







    .page-section h2 {



        font-size: 2em;



    }







    .page-section p {



        font-size: 1em;



        margin: 0 0 20px;



    }







    .portfolio-item .portfolio-desc .folio-info h5 {



        font-size: 11px;



    }



}







@media (max-width: 320px) {



    .banner-container {



        background-size: contain;



    }







    .da-slider {



        height: 300px;



    }







    .da-slider {



        width: 100%;



        min-width: initial;



        position: relative;



        margin: 0 auto;



    }







    .da-slide h2 {



        font-size: 30px;



        text-align: center;



        width: initial;



        top: 10px;



    }







    .da-dots {



        bottom: 2px;



    }







    .grid .text-content {



        padding-left: 29%;



        padding-right: 2%;



    }







    .portfolio-item:hover .folio-info {



        top: 0px;



    }







    .portfolio-item .portfolio-desc .folio-info h5 {



        text-transform: uppercase;



        text-align: center;



        font-weight: normal;



        font-size: 10px;



        margin: 10px 0 0 0;



    }







    nav#filter li {



        display: inline-block;



        margin: 7px;



    }



}







#owl-demo .item {



    background: #3fbf79;



    padding: 30px 0px;



    margin: 10px;



    color: #FFF;



    -webkit-border-radius: 3px;



    -moz-border-radius: 3px;



    border-radius: 3px;



    text-align: center;



}







.customNavigation {



    text-align: center;



}







    .customNavigation a {



        -webkit-user-select: none;



        -khtml-user-select: none;



        -moz-user-select: none;



        -ms-user-select: none;



        user-select: none;



        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);



    }



small {

    font-size: 100%;

}

#introText h1 {

    

    color: #19344f;

}

#aboutUs h1 {

   

    color: #fff;

}
.progress-bar-box h3 {

   
	font-size:18px;
    color: #fff;

}
#experience h1{

 color: #19344f;

}

#skills h1{

 color: #19344f;

}

#portfolio h1 {

    

    color: #ffffff;

}

#contactUs h1{

     color: #19344f;

}



/*progress bar*/

.expertise .progress-bar-box {

    margin-top: 60px;

}



.expertise .progress {

    background: #164c82fa;

    height: 8px;

    overflow: visible;

}



.expertise .progress .progress-bar {

    background: #ffffff;

    position: relative;

    float: none;

    overflow: visible !important;

}



.expertise .progress .progress-bar:after {

    display: block;

    content: "";

    z-index: 2;

    position: absolute;

    top: -4px;

    right: -2px;

    width: 15px;

    height: 15px;

    background: #ffffff;

    border-radius: 15px;

    -webkit-border-radius: 15px;

    -moz-border-radius: 15px;

    -ms-border-radius: 15px;

}

.expertise h3 span {

    float: right;

    color: #000;

    background: #ffffff;

    padding: 5px;

    display: inline-block;

    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;

    font-size: 14px;

}



/* ---------------------------------

4. INTRO SECTION

--------------------------------- */



.intro-section{ padding-top: 200px; position: relative;

    z-index: 1;background-image: url(../images/headerbanner.jpg); }



.intro-section:before{ content:''; z-index: -1; position: absolute; top: 0; bottom: 0; left: 0; 

    right: 0; background: rgba(0,0,0, .2); }

    

.intro-section:after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0;

    height: 150px; z-index: -1; background: #fff; }



.introduct{ padding: 0 20px; margin-top: 20px; text-align: center; background: #fff; }



.introduct .profile-img{ height: 200px; width: 200px; border-radius: 100px; margin: 0 auto; 

    overflow: hidden; position: relative; top: -100px; margin-bottom: -70px;  }



.introduct .information > li{ display: block; margin: 5px 0; }



.introduct .social-icons > li > a{ height: 35px; line-height: 35px; width: 35px; border-radius: 20px; 

    overflow: hidden; z-index: 1; position: relative; margin: 0 5px 5px; background: #887392; color: #fff; }



.introduct .social-icons > li > a:after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0;

    top: 0; z-index: -1; border-radius: 20px; background: #FFA804; 

    -webkit-transition: all .2s ease; transition: all .2s ease;

    -webkit-transform: scale(0); transform: scale(0); }



.introduct.social-icons > li > a:hover:after{ -webkit-transform: scale(1); transform: scale(1); }

.asdas h3{
        
            color: #19344f;
    }
    .asdas ul li{
        padding-bottom: 15px;
    }
    .blockhesd{
        color: #ffffff;
    }
    .blockhesd p{
        color: #ffffff;
    }
    .blockhesd ul li{
       list-style: none;
       padding-bottom: 15px;
    }
    #acedmic-conters h1 {
    color: #19344f;
}

#tskill {
    //background-image: url(../images/slider2.png);
    background-size: cover;
    background-color: #3aa8db;
}
#tskill h1 {
    color: #ffffff;
}
.acedmicli{
        
    background: #fff;
    padding: 6px 10px;
    border-radius: 5px;
    margin-bottom: 10px;
}