/*===================================================
Layout Style Sheet 
Project: Portfolio
Author: Sunil Duwal ~ (suwedds@gmail.com)
website: http://www.sunilduwal.com.np/
===================================================*/

/*
font-family: 'Raleway', sans-serif;
font-family: 'Open Sans', sans-serif;
*/

/* general styles */
html, body { height: 100%; width: 100%; }

/* navbar starts */
.navbar-toggle { background-color: #000; border-color: #fff!important; }
.navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
nav {height: 125px; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; -ms-transition: height 0.3s; -o-transition: height 0.3s; transition: height 0.3s; }
nav.smaller {height: 75px; background: #262626; }
nav.smaller .navbar-brand {width: 65%; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; -ms-transition: height 0.3s; -o-transition: height 0.3s; transition: height 0.3s;  } 
nav.smaller #navbar-collapse-main { padding-top: 12px; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; -ms-transition: height 0.3s; -o-transition: height 0.3s; transition: height 0.3s; }
.navbar { background: rgba(0,0,0,0.5); !important; }
.navbar-default { /*border-color:#52b152;*/ border: none; }
.navbar-brand > img { width: 100%; }
#navbar-collapse-main { padding-top: 42px; }
.nav > li > a { padding-left: 0; padding-right: 0; }
.navbar-default .navbar-nav > li > a { color: #000000; font-size:15px; display: block; text-align: center; padding: 0 5px; background-color: #ffffff; text-decoration: none; margin: 0 15px; width: 80px; border-radius: 5px; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #ffffff; background-color: #003966; border-color: #3c86a7; }	
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .homepage .navbar-default .navbar-nav > li.home a, .protfoliopage .navbar-default .navbar-nav > li.protfolio a, .aboutpage .navbar-default .navbar-nav > li.about a, .contactpage .navbar-default .navbar-nav > li.contact a { color: #ffffff; background-color: #09f; /*-webkit-transition: all 1s linear; -moz-transition: all 1s linear; -ms-transition: all 1s linear; -o-transition: all 1s linear; transition: all 1s linear;*/ }
.navbar-default .navbar-nav > li .text  { line-height: 40px; font-size:16px; display: none; }
.navbar-default .navbar-nav > li .icon  { line-height: 40px; font-size:30px }
.navbar-default .navbar-nav > li > a:hover .text, .navbar-default .navbar-nav > li > a:focus .text, .navbar-default .navbar-nav > li.active .text, .homepage .navbar-default .navbar-nav > li.home .text, .protfoliopage .navbar-default .navbar-nav > li.protfolio .text,  .aboutpage .navbar-default .navbar-nav > li.about .text,  .contactpage .navbar-default .navbar-nav > li.contact .text { display: block; }	
.navbar-default .navbar-nav > li > a:hover .icon, .navbar-default .navbar-nav > li > a:focus .icon, .navbar-default .navbar-nav > li.active .icon, .homepage .navbar-default .navbar-nav > li.home .icon, .protfoliopage .navbar-default .navbar-nav > li.protfolio .icon, .aboutpage .navbar-default .navbar-nav > li.about .icon, .contactpage .navbar-default .navbar-nav > li.contact .icon { display: none; }
.navbar1.attop { position: fixed; left: 0; top: 0; z-index: 99999; width: 100%; }	
/* navbar ends */

/*banner starts */

/* planning starts */
.parallax3 {height: 350px!important;}
.planning { padding: 82px 0; background: rgba(0,0,0,0.5); }
.text-items { text-align: center; }
.text-items p { font-size: 30px; font-family: Raleway; color: #ffffff; }
.ghost-btn { background-color:#090; margin-right:10px }	
.ghost-btn:hover { background-color:#c60 /*#01c001*/; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.hire { text-align: center; margin-top: 30px; }
.hire-btn, .ghost-btn { display:inline-block; padding:15px 25px; color:#ffffff; font-size:35px; border-radius: 5px; }	
.hire-btn { background-color:#09f; }
.hire-btn:hover, .ghost-btn:hover { text-decoration: none; color: #ffffff; }		
.hire-btn:hover { background-color:#C60; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }

/* planning ends */

/* footer starts */
footer { /*background-color: #000000;*/ padding:30px; /*border-top: 1px solid #ffffff;*/ }
.footer-items {  text-align: center; }
footer h6 { /*color: #d5d5d5;*/ color: #000000; text-transform:uppercase; font-weight:bold; margin-bottom: 10px; font-family:Open Sans; border-top: 1px solid #615e5f; border-bottom: 1px solid #615e5f; line-height: 47px; margin-bottom: 20px; text-align: center; }
footer h6 > span { border-bottom: 1px solid #0ba5e7; border-top: 1px solid #0ba5e7; display: inline-block; margin-bottom: -1px; margin-top: -1px; padding: 0 15px 1px; }
.footer-nav, .footer-social, .in-touch { /*		  padding: 0 60px; */		} 	
footer p { color: #000000; font-family:Open Sans; }	
.footer-nav ul { padding-left:0; }
.footer-nav ul li { list-style: none; }
.footer-nav ul li a { color: #000000; font-family:Open Sans; line-height: 30px; }
.footer-nav ul li a:hover { text-decoration: none; color: #0ba5e7; }
.footer-social > ul { margin-left: 30%; }
.footer-social ul li { float: left; list-style: none; }
.footer-social ul li a { display: block; background-color:#6d6d6d; height: 32px; width: 32px; text-align: center; line-height: 32px; border-radius: 2px; margin-right: 10px; color: #ffffff; }	
.footer-nav ul > li > a:hover, .footer-nav ul > li > a:focus, .homepage .footer-nav ul > li.home a, .protfoliopage .footer-nav ul > li.protfolio a, .aboutpage .footer-nav ul > li.about a, .contactpage .footer-nav ul > li.contact a { color:#09f;}
.footer-bottom { border-top: 1px solid #484848; padding-top: 20px; }			
.footer-bottom p { font-size: 13px; /*color:#d5d5d5;*/ color: #000000; font-family:Open Sans; text-align: right; margin-top: 15px; }
/* footer ends */

#home {height: 600px; width: 100%;}
.parallax { background-repeat: no-repeat; background-attachment: fixed; background-size: cover!important;}
.parallax2 { background-image: url(../images/color.jpg);}
.parallax1 {background-image: url(../images/bkt.jpg);}
.parallax3 { background-image: url(../images/cont-img.jpg);}

/* introduction starts*/  
#introduction{padding-top:60px;}
.rt-intro  {text-align: center; }
.rt-intro h1 { font-family:Raleway; color: #000000; line-height: 50px; }
.rt-intro h1 > span {  /*color: #be0000;*/ text-shadow: 5px 5px 5px #000000; }
.social-media { text-align: center; }
.social-media a { display: inline-block; background-color:#000000; color:#ffffff; font-size: 15px; height: 32px; width: 32px; border-radius: 50%; line-height:32px; margin:0 5px; }
.social-media a:hover, .footer-social ul li a:hover { text-decoration: none; }
.fb:hover {background-color: #3D5A98;}	
.tw:hover {background-color: #09F;}	
.linked:hover {background-color: #0077B5;}	
.goplus:hover {background-color: #E7725D;}	
.pro, .in-social {visibility: hidden;}
/* introduction  ends */

/* working starts */	
.working_parallax {height: 700px!important;}
.working { text-align: center; padding: 30px 0;  }
.title > h2 { font-family:Open Sans; }
.chart { margin-top: 70px; text-align: center; }
.chart .item { height: 120px; width: 120px; line-height: 120px; display: inline-block; border-radius:50%; text-align: center; color:#ffffff; border: ; margin-right: 80px; /*	position: relative;*/ font-family: Fontin; font-weight:bold; background-color: rgba(255,255,255,0.2); }
.chart .no_mar { margin-right:0; }	

/* new style */		
.box4 { width: 100%; height: 170px; position: relative; visibility: hidden; }
.common { line-height: 140px!important; font-size: 100px!important; color:#ffffff; }
.boxtext { color: #ffffff; display: block; }
.box4-1, .box4-2, .box4-3, .box4-4, .box4-5, .box4-6 { border-radius:20px; margin-top:50px; }
.box4-1 { background-color: #2ECC71; }
.box4-2 { background-color:#F7CA18; }
.box4-3 { background-color: #22A7F0; }
.box4-4 { background-color: #E74C3C; }
.box4-5 { background-color: #E67E22; }
.box4-6 { background-color: #AEA8D3; }
.box4 .left-arrow { position: absolute; top: 15px;  right: -12px; z-index: 1; height: 0; width: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; }
.box4-1 .left-arrow { border-left: 12px solid #2ECC71; }
.box4-2 .left-arrow { border-left: 12px solid #F7CA18; }
.box4-3 .left-arrow { border-left: 12px solid #22A7F0; }
.box4-4 .left-arrow { border-left: 12px solid #E74C3C; }
.box4-5 .left-arrow { border-left: 12px solid #E67E22; }
.box4-6 .left-arrow { border-left: 12px solid #AEA8D3; }
.box4 .arrow-down { width: 0;  height: 0;  border-left: 15px solid transparent; border-right: 15px solid transparent; position: absolute; left: 48%; top: 100%; display: none; }
.box4-1 .arrow-down { border-top: 15px solid #2ECC71; }
.box4-2 .arrow-down{ border-top: 15px solid #F7CA18; }
.box4-3 .arrow-down { border-top: 15px solid #22A7F0; }
.box4-4 .arrow-down{ border-top: 15px solid #E74C3C; }
.box4-5 .arrow-down { border-top: 15px solid #E67E22; }
.box4-6 .arrow-down { border-top: 15px solid #AEA8D3; }
.res-text { padding-top: 180px; font-family: Raleway; }
.res-text, .res-image {visibility: hidden;}		
.images-div { position: relative; min-height: 300px; padding-top:70px; }
.images-div > img { width: 100%; }
.one, .two, .three { position: absolute;; }
.one {bottom: 0, left:0; z-index: 1;}
.two {bottom: 0, left:0; z-index: 2;}
.three {bottom: 0, left:0; }
/* working ends */	

/* mywork starts */
.parallax2 > article {height: 100%; width: 100%; background: rgba(0,0,0,0.5);}
.mywork_container {padding-top: 50px;}
.mywork_heading {margin-bottom: 50px; text-transform: uppercase;text-shadow: 2px 5px 5px #000000; color: #ffffff; font-family: Raleway;}
.mywork { border: 1px solid #000000; border-radius: 50%; display: inline-block; height: 200px; position: relative; width: 200px; background: #ffffff; }
.mywork:hover {cursor:default;}
.mywork > span { font-size: 50px; position: absolute; top: 37%; color: #000000; }
.front {left:37%;}
.design  {left:42%;}
.management {left:38%;}
.front1, .design1, .management1, .mywork_heading {visibility: hidden;}
.mywork_container h2, .mywork_container p {color: #ffffff;}
.mywork_container h2 {font-family: Raleway;}
.mywork_container p {font-family: Open Sans;}
.slideDown, .slideUp, .slideLeft, .slideRight, .slideExpandUp, .expandUp, .fadeIn, .expandOpen, .bigEntrance, .hatch, .bounce, .pulse, .floating, .tossing, .pullUp, .pullDown, .stretchLeft, .stretchRight { visibility: visible !important;	} 

/* testimonials starts */
.testi_heading {padding-top: 50px;}
.textimonials_carousel {padding-bottom: 100px;}
.carousel-inner .item {height: 500px;}
.carousel .carousel-control { visibility: hidden; }
.carousel:hover .carousel-control { visibility: visible; }
.carousel-control.left, .carousel-control.right { background: none!important;}
.carousel-caption > p { color: #000; font-family: raleway; font-size: 20px; font-style: italic; }
.carousel-caption .client_name {font-style: normal; font-size: 18px; margin-top: 20px;}
.block { height:300px; background: blue; margin-bottom: 20px; }
.img-border-testi{ border: 7px solid rgba(0,0,0,0.5)}

/* about us pages starts */
.about-me { text-align: center; color: #ffffff; padding-top: 380px }
.about-me > p { font-size: 24px; font-family:Raleway; }
.my_link { margin-top: 50px;}
.my_link > a { background-color: rgba(0,0,0,0.5); border-radius: 50%; color: #ffffff; display: inline-block; height: 62px; line-height: 62px; margin-right: 10px; text-align: center; width: 62px; font-size: 28px; }	
.my_link > a:hover {text-decoration: none;}
.my_fb:hover {background-color: #3D5A98;}
.my_tw:hover {background-color: #09F;}
.my_linked:hover {background-color: #0077B5;}
.my_google:hover {background-color: #E7725D;}
.progress, .ido_container{visibility: hidden;}
.border-bot {
background: rgb(0,25,255); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(0,25,255,1) 0%, rgba(255,255,255,1) 50%, rgba(0,25,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,25,255,1)), color-stop(50%,rgba(255,255,255,1)), color-stop(100%,rgba(0,25,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(0,25,255,1) 0%,rgba(255,255,255,1) 50%,rgba(0,25,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(0,25,255,1) 0%,rgba(255,255,255,1) 50%,rgba(0,25,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(0,25,255,1) 0%,rgba(255,255,255,1) 50%,rgba(0,25,255,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(0,25,255,1) 0%,rgba(255,255,255,1) 50%,rgba(0,25,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0019ff', endColorstr='#0019ff',GradientType=1 ); /* IE6-9 */
display: inline-block; height: 1px; width: 100%; margin-top: 50px; }
.parallax4{/*background-image: url(../images/mine.jpg);*/ background: #ff0000 url("../images/mine.jpg") no-repeat center center; height: 100vh!important; background-size:cover;}
.parallax4 > article, .parallax5 > article {background: rgba(0,0,0,0.5); height: 100%; width: 100%;}
.parallax5 {background-image: url(../images/iphone.jpg); }
.i_do_category { border: 1px solid #000000; border-radius: 50%; display: inline-block; height: 150px; position: relative; width: 150px; background: #ffffff; }
.i_do_category > span { font-size: 40px; position: absolute; top: 37%; left: 37%; color: #000000; }
.responsive {left:41%!important;}
.i_do_head { color: #ffffff; font-size: 16px; text-transform: uppercase; display: block; margin-top: 27px; font-family: Raleway; text-shadow: 2px 2px 1px #000000; }
.i_do_head, .i_do { text-shadow: 2px 2px 1px #000000; }
.about-me > h2, .i_do > h2 { text-transform: uppercase; font-family:Raleway; color: #ffffff; margin-bottom: 35px; }
.i_know, .i_do { text-align: center; padding: 60px 0; }

/*progress bar starts*/
.my_skills { padding-top: 50px; }
.i_know > h2 { text-transform: uppercase; font-family:Raleway; color: #000000; margin-bottom: 35px; }
.progress { height: 40px!important; }
.progress-bar { font-size: 17px!important; line-height: 40px!important; font-family: raleway!important; font-weight: bold!important; }
.progress-bar-new {background-color: #2C3E50;}
.about_article { height: 100%; background: rgba(1,63,148,0.7); width: 100%; }
.i_do_tools > img { border-radius: 0 25px; }

/*Portfolio starts*/
.portfolio_content{margin-top: 170px;}
.portfolio_heading > h2 {font-family: Raleway; margin-bottom: 50px; color: #000000;}
.portfolio_list{position: relative; height: 260px; margin-bottom: 50px; width: 100%; border-radius: 10px;}
.portfolio_list > figure { width: 100%; height: 100%; margin: 0; padding: 0; background: #fff; overflow: hidden; }
.portfolio_list img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; width: 190%; height: auto; }
.portfolio_list:hover img { -webkit-transform: scale(1.2); transform: scale(1.2); overflow: hidden!important; }
.portfolio_list .link_title {position: absolute; top:0%; left: 0%; opacity: 0; z-index: 1; width: 0%; height: 100%; text-align: center; -webkit-transition:  all .25s ease-in-out; transition: all .25s ease-in-out; background: rgba(0,0,0,0.5); color: #ffffff;} 
.portfolio_list:hover .link_title {opacity: 1; width: 100%; cursor: pointer; text-decoration: none;}
.portfolio_list:hover .link_title > p {color:#c60;}
.link_title > h4 { background: rgba(0,0,0,0.5); margin-top: 105px; padding: 10px 0; }

/* contact page starts */
.g_map{padding-top: 160px;}
.contact_page{padding-top: 50px;}
.err { color: rgba(255,0,0,0.5); font-size: 10px !important;  display: none; position: absolute; right: -200%; top: 5px; padding: 4px 7px; z-index: 1; }
form #captchaimg { display: block; border: 1px solid #a1a1a1; margin-bottom: 7px; }

.form-horizontal .control-label { text-align: left!important; }

/*hvr-ripple-out starts*/
@keyframes hvr-ripple-out { 100% { bottom: -12px; left: -12px; opacity: 0; right: -12px; top: -12px; } }
.hvr-ripple-out { backface-visibility: hidden; box-shadow: 0 0 1px rgba(0, 0, 0, 0); display: inline-block; position: relative; transform: translateZ(0px); vertical-align: middle; }
.hvr-ripple-out::before { animation-duration: 1s; border: 3px solid #e1e1e1; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; }
.hvr-ripple-out:active::before, .hvr-ripple-out:focus::before, .hvr-ripple-out:hover::before { animation-name: hvr-ripple-out; }
/*hvr-ripple-out ends*/

.send_btn {background: #09f; border-radius: 5px; padding: 10px; color: #ffffff;}
.send_btn:hover {background: #09f!important; color: #ffffff!important;}
.contact-form em { font-size: 16px; font-style: normal; font-family: Raleway; display: block; margin-bottom: 10px; }
.contact-form p { font-size: 16px; font-family: Raleway; padding-left:10px; }
.detail { padding-left: 20px !important; }

/*scrollToTop and down-arrow starts */
.scrollToTop, .down-arrow { width:50px;  text-align:center;  text-decoration: none; position:fixed; }
.down-arrow { bottom:50px; left:50%; color: #ffffff; }
.scrollToTop { bottom:120px; right:40px; color: #000000; display:none; }
.scrollToTop, .down-arrow > span { font-size:40px; }
.scrollToTop:hover, .down-arrow:hover{ text-decoration:none; }

/* bounce1 animation starts */
@-webkit-keyframes bounce1 {
0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
40% {-webkit-transform: translateY(-30px);}
60% {-webkit-transform: translateY(-15px);}
}

@-moz-keyframes bounce1 {
0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
40% {-moz-transform: translateY(-30px);}
60% {-moz-transform: translateY(-15px);}
}

@-o-keyframes bounce1 {
0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
40% {-o-transform: translateY(-30px);}
60% {-o-transform: translateY(-15px);}
}
@keyframes bounce1 {
0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
40% {transform: translateY(-30px);}
60% {transform: translateY(-15px);}
}
.bounce1 {
animation: bounce1 2s infinite;
-webkit-animation: bounce1 2s infinite;
-moz-animation: bounce1 2s infinite;
-o-animation: bounce1 2s infinite;
}
/* bounce1 animation ends */
/*scrollToTop ends*/



/* inner_portfolio_content */
.inner_portfolio_content { padding-top: 140px; }
.inner_port_content { margin-bottom: 40px; }
.what_image { width: 90%; border: 2px solid #f1f1f1; padding: 10px; border-radius: 5px; }
.whatidid { padding-top: 50px; }
.whatidid > h2 { color: #000; font-family: 'Open Sans', sans-serif; text-transform: capitalize; }
.whatidid > h3, .toolsiused > h3 { color: #C00101; font-family: 'Open Sans', sans-serif; text-transform: capitalize; }
.whatidid > ul { padding: 10px; }
.toolsiused > ul { padding: 0; }
.whatidid li, .toolsiused li { list-style: outside none none; }
.whatidid li { font-family: 'Open Sans', sans-serif; }
.whatidid li > span { font-size: 20px; margin-right: 20px; }
.toolsiused ul li { background-color: #565656; background-position: center center; background-repeat: no-repeat; border-radius: 50%; cursor: pointer; float: left; height: 44px; margin-bottom: 5px; margin-right: 5px; width: 44px; }
.tools_photo { background-image: url("../images/tools-photo.png"); }
.tools_dream { background-image: url("../images/tools-dream.png"); }
.tools_html5 { background-image: url("../images/tools-html5.png"); }
.tools_css3 { background-image: url("../images/tools-css3.png"); }
.tools_bootstrap { background-image: url("../images/tools-bootstrap.png"); }
.tools_jquery { background-image: url("../images/tools-jquery.png"); }
.tools_photo:hover { background-color: #0b60a3; }
.tools_dream:hover { background-color: #7b9704; }
.tools_html5:hover { background-color: #e54e23; }
.tools_css3:hover { background-color: #1471b6; }
.tools_bootstrap:hover { background-color: #5c4282; }
.tools_jquery:hover { background-color: #0568ac; }
.visit_link { font-family: 'Open Sans', sans-serif; margin-top: 20px; display: inline-block; padding: 10px 15px; background:#7F7F7F; color: #fff; }
.visit_link:hover { background: #0099FF; text-decoration: none; color: #fff;}

/*facebook link css*/
.fb-like {position: absolute!important; top: 50px; left: 289px; z-index: 99999;}

nav, nav.smaller, .navbar-brand, .navbar-brand > img, nav.smaller .navbar-brand, nav.smaller .navbar-brand > img, nav.smaller .navbar-brand, nav.smaller #navbar-collapse-main,.navbar-header, .nav, nav img, #navbar-collapse-main
{ -webkit-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s;transition: all ease-in-out 0.5s;}
.navbar-brand{width: 100%;}