/************************
/************************
Designed by : http://responsivewebinc.com
************************/

/* Coda */

@import url(http://fonts.googleapis.com/css?family=Coda:400,800);

/* Oswald */

@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700);


/* Basic CSS starts */

body{
padding-top:60px;
background:url('../img/back.png') repeat;
font-family: 'Coda', cursive;
font-size:16px;
line-height:28px;
color:#fff;
}

h1,h2,h3,h4,h5,h6{
font-family: 'Oswald', sans-serif;
font-weight:normal;
text-shadow:0px 1px 1px #222;
}


.padd{
padding:10px;
}

a:active, a:focus { 
border:none;
outline:none;
}

a:-moz-any-link:focus { 
outline:none; 
}

a, a:visited{
color:#ccc;
text-decoration:none;
}

a:hover{
color:#aaa;
text-decoration:none;
}

.tag{
font-size:13px;
line-height:20px;
}

.rcontent{
border-left:5px solid #9ecb00;
padding-left:15px;
}
.rcontent1{
    border-left:5px solid #FF8000;
    padding-left:15px;
    }

.form{
margin:10px 0px;
}

.form-horizontal .control-label {
 font-weight:normal;
 font-size:14px;
}



address{
font-size:14px;
line-height:25px;
}

.container{
   width:100%;
	max-width:1000px;
}

/* Header */

header .container{
background:#0f0f0f;
background: -webkit-linear-gradient(left, #0f0f0f, #3a3a3a, #0f0f0f); 
background: -moz-linear-gradient(left, #0f0f0f, #3a3a3a, #0f0f0f); 
background: -ms-linear-gradient(left, #0f0f0f, #3a3a3a, #0f0f0f); 
background: -o-linear-gradient(left, #0f0f0f, #3a3a3a, #0f0f0f);
background: linear-gradient(left, #0f0f0f, #3a3a3a, #0f0f0f);
box-shadow:0px 5px 15px #111;
border:1px solid #222;
}

header .logo{
text-align:center;
margin:30px 0px 10px 0px;
font-family: 'Oswald', sans-serif;
}

header .logo p.lmain{
color:red;
font-size:40px;
line-height:45px;
text-shadow:0px 2px 1px #222;
}

header .logo p.lsub{
color:#ddd;
font-size:20px;
text-shadow:0px 2px 1px #222;
}

/* Slider */

.flexslider{
margin:20px 0px 10px 0px;
background:transparent !important;
border:none !important;
border-radius:none !important;
box-shadow:0px 0px 10px #000;
margin-right:-15px;
margin-left:-15px;
}

header .cta{
padding:10px 10px 20px 10px;
text-align:center;
font-size:13px;
}

header a, header a:visited{
color:#ddd;
text-decoration:none;
-webkit-transition:color 1s ease;
-moz-transition:color 1s ease;
-o-transition:color 1s ease;
transition:color 1s ease;
}

header a:hover{
color:#aaa;
-webkit-transition:color 1s ease;
-moz-transition:color 1s ease;
-o-transition:color 1s ease;
transition:color 1s ease;
text-decoration:none;
}

header .cta i{
margin:3px;
color:#fff;
}

header .cta a{
margin:0px 5px;
}

/* Navigation */

.navs{
margin:20px 0px;
}

.box{
width:24%;
margin:10px 0.36%;
float:left;
text-align:center;
text-shadow:0px 0px 1px #222;
border:1px solid #222;
}

.box .top{
font-size:25px;
line-height:30px;
}

.box .bor{
border-top:1px solid #eee;
max-width:40%;
margin:5px auto;
}

.box .bot{
font-size:16px;
}

.box .box-r{
background:#cc2e00;
background: -webkit-linear-gradient(left, #cc2e00, #f13600, #cc2e00); 
background: -moz-linear-gradient(left, #cc2e00, #f13600, #cc2e00); 
background: -ms-linear-gradient(left, #cc2e00, #f13600, #cc2e00); 
background: -o-linear-gradient(left, #cc2e00, #f13600, #cc2e00);
background: linear-gradient(left, #cc2e00, #f13600, #cc2e00);
border:1px solid #ff673b;
padding:20px 0px 10px 0px;
box-shadow:inset 0px 0px 1px #000;
}

.content-r{
margin:10px 0px;
background:#cc2e00;
box-shadow:inset 0px 0px 1px #000;
padding:10px;
border:1px solid #ff673b;
}

.box .box-g{
background:#85ab00;
background: -webkit-linear-gradient(left, #85ab00, #98c300, #85ab00); 
background: -moz-linear-gradient(left, #85ab00, #98c300, #85ab00); 
background: -ms-linear-gradient(left, #85ab00, #98c300, #85ab00); 
background: -o-linear-gradient(left, #85ab00, #98c300, #85ab00);
background: linear-gradient(left, #85ab00, #98c300, #85ab00);
border:1px solid #bff500;
padding:20px 0px 10px 0px;
box-shadow:inset 0px 0px 1px #000;
}

.content-g{
margin:10px 0px;
background:#85ab00;
box-shadow:inset 0px 0px 1px #000;
padding:10px;
border:1px solid #bff500;
}

.box .box-b{
background:#0091b9;
background: -webkit-linear-gradient(left, #0091b9, #00a4d1, #0091b9); 
background: -moz-linear-gradient(left, #0091b9, #00a4d1, #0091b9); 
background: -ms-linear-gradient(left, #0091b9, #00a4d1, #0091b9); 
background: -o-linear-gradient(left, #0091b9, #00a4d1, #0091b9);
background: linear-gradient(left, #0091b9, #00a4d1, #0091b9);
border:1px solid #54daff;
padding:20px 0px 10px 0px;
box-shadow:inset 0px 0px 1px #000;
}

.content-b{
margin:10px 0px;
background:#0091b9;
box-shadow:inset 0px 0px 1px #000;
padding:10px;
border:1px solid #54daff;
}

.box .box-y{
background:#cf8600;
background: -webkit-linear-gradient(left, #cf8600, #e39300, #cf8600); 
background: -moz-linear-gradient(left, #cf8600, #e39300, #cf8600); 
background: -ms-linear-gradient(left, #cf8600, #e39300, #cf8600); 
background: -o-linear-gradient(left, #cf8600, #e39300, #cf8600);
background: linear-gradient(left, #cf8600, #e39300, #cf8600);
border:1px solid #ffc354;
padding:20px 0px 10px 0px;
box-shadow:inset 0px 0px 1px #000;
}

.content-y{
margin:10px 0px;
background:#cf8600;
box-shadow:inset 0px 0px 1px #000;
padding:10px;
border:1px solid #ffc354;
}

.box a, .box a:visited, .box a:hover{
color:#fff;
text-decoration:none;
}

/* Content */

.content-d{
text-shadow:0px 0px 1px #222;
}

.content-d .border{
height:10px;
margin:5px 0px;
background:url('../img/dot.png') center bottom repeat-x;
}

.content-d a,.content-d a:visited{
color:#fff;
text-decoration:none;
border-bottom:1px dashed #fff;
}

.content-d a:hover{
border-bottom:none;
text-decoration:none;
}

.profile{
padding:1px;
background:#fff;
border:1px solid #555;
float:left;
margin-top:5px;
margin-right:10px;
width:200px;
}

.social-icons a, .social-icons a:visited, .social-icons a:hover{
border-bottom:none;
}

.social-icons{
margin-top:8px;
margin-bottom:10px;
}

.social-icons i{
display:inline-block;
background:#b32800;
border:1px solid #8f2000;
margin-right:5px;
width:30px;
height:30px;
text-align:center;
line-height:30px;
font-size:18px;
}

/* Resume */

.skills{
	margin-bottom: 10px;
}

.skill{
background:#6e8d00;
color:#fff;
border-radius:5px;
font-size:13px;
line-height:18px;
text-shadow:none;
padding:3px 5px;
border:1px solid #688600;
cursor:pointer;
}

.skill:hover{
background:#587100;
}

/* Portfolio */

.img-portfolio ul{
   margin:0;
   padding:0;
}

.portfolio li{
   display:inline !important;
   border:none !important;
}

.portfolio li a, .portfolio li a:visited{
   color:#777;
   padding:5px 10px;
   margin:0px 5px;
}

.portfolio li a:hover{
   color:#555;
}

#portfolio{
   text-align:center;
   display:inline-block;
}

#portfolio .element{
   margin:10px;
   padding: 0px;
    display:inline-block;
}

#portfolio .pcap{
   padding:3px 0px;
   background:#f9f9f9;
}

#portfolio h4{
   margin:4px 0px;
   padding:0px;
   margin-top: 10px;
   color: #666;
	font-size: 15px;
}

#portfolio a, #portfolio a:visited, #portfolio a:hover{
   color:#666;
   text-decoration:none;
   border:none;
}

#portfolio img{
	width:200px;
	margin:0px;
	padding:5px;
	background:#fff;
	border:1px solid #004659;
	box-shadow:0px 0px 3px #004659;
	border-radius:8px;
}

/* PrettyPhoto */

div.ppt {
   display:none !important;
}

/* Contact */

.gmap{
margin-top:10px;
}

.gmap iframe{
width:97%;
background:#ffc967;
border:1px solid #ffe6b7;
border-radius:8px;
box-shadow:0px 0px 5px #996300;
padding:5px;
}

/* Top */

.top-animation{
margin:10px 0px;
text-align:center;
}

.top-animation a{
color:#333;
}

/* Footer */

footer{
font-size:12px;
margin-top:10px;
margin-bottom:10px;
}

footer .container{
border-top:1px solid #222;
padding:10px 0px 0px 0px;
}

footer .social{
margin-top:5px;
}

footer .social a{
display:inline-block;
color:#fff;
font-size:16px;
text-align:center;
width:35px;
height:35px;
line-height:35px;
border-radius:60px;
margin:0px 2px;
text-shadow:0px 0px 1px #222;
}

footer .social a.facebook{
background:#1e78ae;
-webkit-transition:background 1s ease;
-moz-transition:background 1s ease;
-o-transition:background 1s ease;
transition:background 1s ease;
}

footer .social a.twitter{
background:#1ba1e2;
-webkit-transition:background 1s ease;
-moz-transition:background 1s ease;
-o-transition:background 1s ease;
transition:background 1s ease;
}

footer .social a.linkedin{
background:#2d93cf;
-webkit-transition:background 1s ease;
-moz-transition:background 1s ease;
-o-transition:background 1s ease;
transition:background 1s ease;
}

footer .social a.google-plus{
background:#f22d0c;
-webkit-transition:background 1s ease;
-moz-transition:background 1s ease;
-o-transition:background 1s ease;
transition:background 1s ease;
}

footer .social a:hover{
background:#222;
-webkit-transition:background 1s ease;
-moz-transition:background 1s ease;
-o-transition:background 1s ease;
transition:background 1s ease;
}

/* Responsive */

@media (max-width: 480px){
   
   footer span.pull-right{
   display:block;
   float:none;
   }
   header .cta a{
   display:block;
   margin:5px 0px;
   }
   .box{
	width:100% !important;
	margin:5px 0px !important;
	float:none !important;
	display:block;
	text-align:center;
	text-shadow:0px 0px 1px #222 !important;
	border:1px solid #222;
	}
	.box .top{
	font-size:19px !important;
	line-height:23px;
	}
	.box .bot{
	font-size:14px !important;
	}
	.box-g, .box-b, .box-y, .box-r{
	padding:10px 0px 0px 0px;	
	}	
}

@media (max-width: 767px){
   header .logo{
   margin:30px 0px 0px 0px;
   }
   header .logo p.lmain{
   font-size:30px;
   line-height:35px;
   }
   header .logo p.lsub{
   font-size:15px;
   }
   .box{
	width:48%;
	margin:5px 0.7%;
	float:left;
	text-align:center;
	text-shadow:0px 0px 1px #222;
	border:1px solid #222;
	}   
	.box .top{
	font-size:22px;
	line-height:25px;
	}
	.box .bot{
	font-size:14px;
	}
	.box-g, .box-b, .box-y, .box-r{
	padding:15px 0px 5px 0px;	
	}
	footer{
		text-align:center;
	}
}

@media (max-width: 991px){
	.container{
		width:100%;
	}
}

@media (max-width: 979px){

}

.timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
}

    .timeline:before {
        top: 0;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 3px;
        background-color: #eeeeee;
        left: 50%;
        margin-left: -1.5px;
    }

    .timeline > li {
        margin-bottom: 20px;
        position: relative;
    }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li > .timeline-panel {
            width: 46%;
            float: left;
            border: 1px solid #d4d4d4;
            border-radius: 2px;
            padding: 20px;
            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 > li > .timeline-panel:before {
                position: absolute;
                top: 26px;
                right: -15px;
                display: inline-block;
                border-top: 15px solid transparent;
                border-left: 15px solid #ccc;
                border-right: 0 solid #ccc;
                border-bottom: 15px solid transparent;
                content: " ";
            }

            .timeline > li > .timeline-panel:after {
                position: absolute;
                top: 27px;
                right: -14px;
                display: inline-block;
                border-top: 14px solid transparent;
                border-left: 14px solid #fff;
                border-right: 0 solid #fff;
                border-bottom: 14px solid transparent;
                content: " ";
            }

        .timeline > li > .timeline-badge {
            color: #fff;
            width: 50px;
            height: 50px;
            line-height: 50px;
            font-size: 1.4em;
            text-align: center;
            position: absolute;
            top: 16px;
            left: 50%;
            margin-left: -25px;
            background-color: #999999;
            z-index: 100;
            border-top-right-radius: 50%;
            border-top-left-radius: 50%;
            border-bottom-right-radius: 50%;
            border-bottom-left-radius: 50%;
        }

        .timeline > li.timeline-inverted > .timeline-panel {
            float: right;
        }

            .timeline > li.timeline-inverted > .timeline-panel:before {
                border-left-width: 0;
                border-right-width: 15px;
                left: -15px;
                right: auto;
            }

            .timeline > li.timeline-inverted > .timeline-panel:after {
                border-left-width: 0;
                border-right-width: 14px;
                left: -14px;
                right: auto;
            }

.timeline-badge.primary {
    background-color: #2e6da4 !important;
}

.timeline-badge.success {
    background-color: #3f903f !important;
}

.timeline-badge.warning {
    background-color: #f0ad4e !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5bc0de !important;
}

.timeline-title {
    margin-top: 0;
    color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}

    .timeline-body > p + p {
        margin-top: 5px;
    }

@media (max-width: 767px) {
    ul.timeline:before {
        left: 40px;
    }

    ul.timeline > li > .timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }

    ul.timeline > li > .timeline-badge {
        left: 15px;
        margin-left: 0;
        top: 16px;
    }

    ul.timeline > li > .timeline-panel {
        float: right;
    }

        ul.timeline > li > .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto;
        }

        ul.timeline > li > .timeline-panel:after {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto;
        }
}
@import url(http://fonts.googleapis.com/css?family=Oswald);



.btn{
    margin: 4px;
    box-shadow: 1px 1px 5px #888888;
}

.btn-xs{
    font-weight: 300;
}
   
.btn-hot {
color: #fff;
background-color: #db5566;
border-bottom:2px solid #af4451;
}

.btn-hot:hover, .btn-sky.active:focus, .btn-hot:focus, .open>.dropdown-toggle.btn-hot {
color: #fff;
background-color: #df6a78;
border-bottom:2px solid #b25560;
outline: none;}


.btn-hot:active, .btn-hot.active {
color: #fff;
background-color: #c04b59;
border-top:2px solid #9a3c47;
margin-top: 2px;
}

.btn-sunny {
color: #fff;
background-color: #f4ad49;
border-bottom:2px solid #c38a3a;
}

.btn-sunny:hover, .btn-sky.active:focus, .btn-sunny:focus, .open>.dropdown-toggle.btn-sunny {
color: #fff;
background-color: #f5b75f;
border-bottom:2px solid #c4924c;
outline: none;
}


.btn-sunny:active, .btn-sunny.active {
color: #fff;
background-color: #d69840;
border-top:2px solid #ab7a33;
margin-top: 2px;
}

.btn-fresh {
color: #fff;
background-color: #51bf87;
border-bottom:2px solid #41996c;
}

.btn-fresh:hover, .btn-sky.active:focus, .btn-fresh:focus, .open>.dropdown-toggle.btn-fresh {
color: #fff;
background-color: #66c796;
border-bottom:2px solid #529f78;
outline: none;
}


.btn-fresh:active, .btn-fresh.active {
color: #fff;
background-color: #47a877;
border-top:2px solid #39865f;
outline: none;
outline-offset: none;
margin-top: 2px;
}

.btn-sky {
color: #fff;
background-color: #0bacd3;
border-bottom:2px solid #098aa9;
}

.btn-sky:hover,.btn-sky.active:focus, .btn-sky:focus, .open>.dropdown-toggle.btn-sky {
color: #fff;
background-color: #29b6d8;
border-bottom:2px solid #2192ad;
outline: none;
}

.btn-sky:active, .btn-sky.active {
color: #fff;
background-color: #0a97b9;
border-top:2px solid #087994;
outline-offset: none;
margin-top: 2px;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus {
    outline: none;
    outline-offset: 0px;
}


@-webkit-keyframes movein {
	from { }
	to {left: 50%; 
    top: 50%;
    transform: scale(0.1); 
    margin: 0px; }
}

.item {
  font-size: 30px;
  position: absolute;
  -webkit-animation-duration: 3s;
  -webkit-animation-name: movein;
  -webkit-animation-iteration-count:infinite;
}


}