body{
 		background: #303030;
 		color: #ffffff;
		font-family: 'Open Sans', sans-serif;
		font-weight: 300;
		overflow-x: hidden; /* prevent horizontal scrollbar from appearing */
}	
a {color: #47C6F8; border:none; outline:0;}	
a:hover {color: #0FF;border:none; outline:0;}
input::-moz-focus-inner { border: 0; }
a, a:active, a:focus { outline: none;}
/* start h2 */
h2{
	text-align: center;
	font-size: 40px;
	padding-bottom: 40px;
}	
h2 span{ color: #28a7e9; font-weight: bold;}
/* end h2 */

/* start about team service portfolio contact */
#about, #team, #service,
#portfolio, #contact { padding-top: 60px; padding-bottom: 40px;}
/* end about team service portfolio contact */

/* start preloader */
.preloader
	{
		position: fixed;
  		top: 0;
  		left: 0;
  		width: 100%;
  		height: 100%;
  		z-index: 99999;
  		display: -webkit-box;
  		display: -webkit-flex;
  		display: -ms-flexbox;
  		display: flex;
  		-webkit-flex-flow: row nowrap;
  		    -ms-flex-flow: row nowrap;
  		        flex-flow: row nowrap;
  		-webkit-box-pack: center;
  		-webkit-justify-content: center;
  		    -ms-flex-pack: center;
  		        justify-content: center;
  		-webkit-box-align: center;
  		-webkit-align-items: center;
  		    -ms-flex-align: center;
  		        align-items: center;
  		background: none repeat scroll 0 0 #ffffff;
	}
.sk-spinner-wave.sk-spinner 
	{
  		width: 50px;
  		height: 30px;
  		text-align: center;
  		font-size: 10px; 
  	}
.sk-spinner-wave div 
	{
  		background-color: #333;
  		height: 100%;
  		width: 6px;
  		display: inline-block;
         -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
                 animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
         
    }
.sk-spinner-wave .sk-rect2 
	{
          -webkit-animation-delay: -1.1s;
                  animation-delay: -1.1s; 
      }
.sk-spinner-wave .sk-rect3 
	{
          -webkit-animation-delay: -1s;
                  animation-delay: -1s; 
     }
.sk-spinner-wave .sk-rect4 
	{
          -webkit-animation-delay: -0.9s;
                  animation-delay: -0.9s;
     }
.sk-spinner-wave .sk-rect5 
	{
          -webkit-animation-delay: -0.8s;
                  animation-delay: -0.8s; 
     }

@-webkit-keyframes sk-waveStretchDelay {
  0%, 40%, 100% {
            -webkit-transform: scaleY(0.4);
                    transform: scaleY(0.4); }

  20% {
            -webkit-transform: scaleY(1);
                    transform: scaleY(1); } }

@keyframes sk-waveStretchDelay {
  0%, 40%, 100% {
            -webkit-transform: scaleY(0.4);
                    transform: scaleY(0.4); }

  20% {
            -webkit-transform: scaleY(1);
                    transform: scaleY(1); } }
/* end preloader */

/* start header */
header
	{
		min-height: 20px;
		padding-top: 18px;
		padding-bottom: 10px;
	}
header .fa
	{
		color: #28a7e9;
	}
header span
	{
		font-weight: bold;
		padding-right: 10px;
		padding-left: 4px;
	}
header a
	{
		color: #999;
		font-weight: 600;
	}
header .social-icon
	{
		text-align: right;
	}
header .social-icon li a
	{
		border: none;
		width: 20px;
		height: 20px;
		line-height: 20px;
		text-align: center;
	}
/* end header */

/* start nagivation */
.navbar-default
	{
		background:rgba(255,255,255,0.80);
		border: none;
		box-shadow: none;
		margin: 0 !important;
	}
.navbar-default .navbar-brand
	{
		padding: 0;
		width:215px;
		background:url(../images/main-logo.png)  15px 17px no-repeat;
		text-indent:-9999px;
	}
.navbar-default .navbar-nav li a
	{
		font-weight: 500;
		font-size: 13px;
		height: 70px;
		line-height: 40px;
		text-transform: uppercase; 
		color:#666666;
		padding:15px 0; margin-right:20px;
	}
.navbar-default .navbar-nav li.login{margin: 14px 0;}
.navbar-default .navbar-nav li.login a{background:#373737; color:#ffffff; padding: 0 20px; height: auto;}
.navbar-default .navbar-nav > li > a.current { color: #000000; position:relative;}
.navbar-default .navbar-nav > li > a.current::after{border-bottom:1px solid #000000; content:""; position:absolute; left: 0px;
    width: 100%;
    bottom: 15px;}
.templatemo-nav {
	border-radius: 0;	
	width: 100%;
	z-index: 1000;
}
.sticky {	
	position: fixed;
	left: 0;
	top: 0;	
}
/* end navigation */

/* start home */
#home
	{
		background: url('../images/home-bg.jpg') no-repeat;
		background-size: cover;
		padding-top: 160px;
		padding-bottom: 100px;
		min-height: 650px;
	}
#home h1
	{
		font-weight: 300;
		font-size: 70px;
		padding-bottom: 10px;
	}
#home h1 span
	{
		color: #28a7e9;
		font-weight: bold;
	}
#home .btn
	{
		background: transparent;
		border-radius: 2px;
		color: #fff;
		font-size: 16px;
		font-weight: bold;
		margin-top: 20px;
		width: 250px;
		height: 60px;
		padding-top: 18px;
		-webkit-transition: all 0.4s ease-in-out;
		        transition: all 0.4s ease-in-out;
	}
#home .btn:hover
	{
		background: #000000;
		border-color: transparent;
	}
.element {
	height: 60px;
	font-size: 16px;
}
/* end home */

/* start about */
#about .media-heading-wrapper{}
#about .media-heading-wrapper .fa
	{
		border: 1px solid #fff;
		border-radius: 2px;
		color: #fff;
		font-size: 24px;
		width: 139px;
		height: 89px;
		line-height: 60px;
		text-align: center;
	}
#about .media-heading-wrapper h3 { font-size: 18px; font-weight: 400; margin:0;}
/* end about */

/* start team */
#team .team-wrapper
	{
		background: #404040;
		padding-bottom: 10px;
		-webkit-transition: all 0.4s ease-in-out;
		        transition: all 0.4s ease-in-out;
		position: relative;
	}
#team .team-wrapper:hover
	{
		cursor: pointer;
		opacity: 0.4;
		bottom: 4px;
	}
#team .team-wrapper .team-des
	{
		padding: 20px;
	}
#team .team-wrapper .team-des span
	{
		color: #28a7e9;
		display: block;
		font-weight: bold;
		padding-bottom: 12px;
	}
/* end team */

/* start service */
#service .col-md-4
	{
		padding: 40px;
		-webkit-transition: all 0.4s ease-in-out;
		        transition: all 0.4s ease-in-out;
	}
#service .col-md-4:hover
	{
		background: #505050;
	}
#service .active
	{
		background: #505050;
		padding: 40px;
	}
#service .fa
	{
		border: 1px solid #fff;
		border-radius: 2px;
		color: #fff;
		font-size: 50px;
		width: 100px;
		height: 100px;
		line-height: 100px;
		text-align: center;
	}
#service h4
	{
		color: #28a7e9;
		font-weight: 600;
		padding-top: 10px;
		padding-bottom: 14px;
	}
/* end service */

/* start portfolio */
#portfolio
	{
		padding-bottom: 80px;
	}
#portfolio .col-md-3
	{
		padding: 0px;
	}
	.portfolio-thumb, 
	.portfolio-overlay {
		max-width: 450px;
	}
#portfolio .portfolio-thumb
	{
		overflow: hidden;
		padding: 0;
		margin: 0 auto;
	}
#portfolio .portfolio-thumb .portfolio-overlay
	{
		background: #28a7e9;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;	
		width: 100%;
		height: 100%;
		opacity: 0;
		position: absolute;
		padding: 20px 10px 20px 20px;
		margin-left: auto;
		margin-right: auto;
		-webkit-transition: all 0.4s ease-in-out;
		        transition: all 0.4s ease-in-out;
	}
#portfolio .portfolio-thumb .portfolio-overlay h4
	{
		font-weight: bold;
		padding-bottom: 10px;
	}
#portfolio .portfolio-thumb .portfolio-overlay .btn
	{
		background: none;
		border: 1px solid #fff;
		border-radius: 2px;
		color: #fff;
		font-weight: bold;
	}
#portfolio .portfolio-thumb:hover .portfolio-overlay
	{
		cursor: pointer;
		opacity: 0.8;
	}
/* end portfolio */

/* start contact */
#contact
	{
		background: #202020;
	}
#contact .form-control
	{
		background: transparent;
		border: 1px solid #28a7e9;
		border-radius: 2px;
		box-shadow: none;
		color: #fff;
		margin-top: 6px;
		margin-bottom: 16px;
	}
#contact label
	{
		font-weight: 500;
	}
#contact input
	{
		height: 50px;
	}
#contact input[type="submit"]
	{
		background: #28a7e9;
		font-weight: bold;
		-webkit-transition: all 0.4s ease-in-out;
		        transition: all 0.4s ease-in-out;
	}
#contact input[type="submit"]:hover
	{
		background: transparent;
	}
#contact address{}
#contact address .address-title
	{
		font-weight: bold;
		font-size: 20px;
		padding-bottom: 10px;
	}

#contact address .fa
	{
		border: 1px solid #fff;
		border-radius: 2px;
		width: 40px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		margin-right: 10px;
		margin-bottom: 10px;
	}
/* end contact */

/* start copyright */
#copyright
	{
		padding: 20px;
	}
#copyright p
	{
		font-weight: 400;
	}
/* end copyright */

/* start social icon */
.social-icon
	{
		position: relative;
		padding: 0;
		margin: 0;
	}
.social-icon h4
	{
		display: inline-block;
		padding-right: 20px;
	}
.social-icon li
	{
		display: inline-block;
		list-style: none;
	}
.social-icon li a
	{
		border: 1px solid #fff;
		border-radius: 2px;
		color: #fff;
		width: 40px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		text-decoration: none;
		-webkit-transition: all 0.4s ease-in-out;
		        transition: all 0.4s ease-in-out;
		margin-right: 10px;
	}
.social-icon li a:hover
	{
		background: #28a7e9;
		border-color: transparent;
	}
/* end social icon */

a [class^="icon-"], a [class*=" icon-"] {display: inline-block;}
[class^="icon-"], [class*=" icon-"] {
    background-image: url("../images/icons.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    vertical-align: text-top;

}
.cross-icon { background:url('../images/cross.png') 0 0 no-repeat; display: inline-block; height: 27px; width: 27px; vertical-align: bottom;}
.icon-unm {background-position:-821px -3px; height: 25px; width:25px;}
.icon-pwd {background-position:-873px -4px; height: 25px; width:25px;}
.simplifies-icon { background:url('../images/simplifies-icon.png') 0 0 no-repeat; display: inline-block; height: 27px; width: 27px; vertical-align: bottom;}
.connects-icon { background:url('../images/connects-icon.png') 0 0 no-repeat; display: inline-block; height: 27px; width: 27px; vertical-align: bottom;}
.social-icon { background:url('../images/social-icon.png') 0 0 no-repeat; display: inline-block; height: 27px; width: 27px; vertical-align: bottom;}
.productivity-icon { background:url('../images/productvy-icon.png') 0 0 no-repeat; display: inline-block; height: 27px; width: 27px; vertical-align: bottom;}
.announcement-icon { background:url('../images/announcement-icon.png') 0 0 no-repeat; display: inline-block; height: 27px; width: 27px; vertical-align: bottom;}
.logotxtblack { background:url('../images/pashion-logo-txt1.png') 0 0px no-repeat; display: inline-block; height: 19px; width: 125px; vertical-align: bottom;}
.logotxtwhite { background:url('../images/pashion-logo-txt-white.png') 0 0px no-repeat; display: inline-block; height: 19px; width: 125px; vertical-align: bottom;}
.phone-icon { background:url('../images/phone.png') 0 0px no-repeat; display: inline-block; height: 45px; width: 45px; vertical-align: bottom;}
.skype-icon { background:url('../images/skype.png') 0 0px no-repeat; display: inline-block; height: 45px; width: 45px; vertical-align: bottom;}
.email-icon { background:url('../images/email.png') 0 0px no-repeat; display: inline-block; height: 45px; width: 45px; vertical-align: bottom;}

.introwrap{}
.introwrap .plogowhitebig .plogomid{margin:0 auto; width: 35%;}
#home .introwrap .btn{text-transform:uppercase; font-weight:400; margin-top: 50px; height: 55px; padding-top: 16px; width:200px; font-size: 15px;}
.loginwrap{position:absolute; background:rgba(255,255,255,0.70); right:0; width: 550px; height: 350px; display:none;}
.loginwrap .loginfrmwrap{width:100%; float:left;}
.loginwrap .loginfrmwrap .cross{float:left; width:100%; margin:20px 0 0 20px;}
.loginwrap .loginfrmwrap h2{font-size:22px; color:#000000; margin: 4% 0 1% 0; padding: 0; float: left; width: 100%;}

.login-cont-wrap{display: table; height: 100%; margin: 0 auto; text-align:center; width:80%;}
.login-cont-wrap .login-frmwrap{display: table-cell; vertical-align:middle; height:100%; width:100%;}
.login-cont-wrap .login-frmwrap .login-frm-cont{margin-top:20px; display: inline-block; width: 100%;}
.login-cont-wrap .login-frmwrap .login-frm-cont .errmsg{float:left; width:100%; color:#d9c626; margin-bottom: 10px; text-align: center;}
.login-cont-wrap .login-frmwrap .login-frm-cont .s-frmrow{     margin-bottom: 5px;
    float: left;
    width: 100%; position:relative;}
.login-cont-wrap .login-frmwrap .login-frm-cont .s-frmrow .s-icon{background:#000000; float:left; padding:12px 15px; height:50px; position:relative;}
.login-cont-wrap .login-frmwrap .login-frm-cont .s-frmrow .s-icon::after {border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #000000; content: ""; position: absolute; top: 50%; margin-top: -9px; right: -9px; }
.login-cont-wrap .login-frmwrap .login-frm-cont .s-frmrow .s-icon i{vertical-align:middle; }
.login-cont-wrap .login-frmwrap .login-frm-cont .s-frmrow input[type='text'], input[type='password']{background:#ffffff; color:#808080; padding:14px 8px 12px 20px; font-size:0.875rem; float:left; border:none; height: 50px; width:87%;}
.login-cont-wrap .login-frmwrap .login-frm-cont .s-frmrow input[type='password']{width:74%;}
.login-cont-wrap .login-frmwrap .login-frm-cont .s-frmrow .btn{position:relative;top: 14px; float:left; padding:0;}
.login-cont-wrap .login-frmwrap .login-frm-cont .s-frmrow input[type='button']{background:#000000; color:#ffffff; padding:17px 35px; border:none; height:51px; }
.loginwrap .login-cont-wrap .login-frmwrap .login-frm-cont .s-frmrow .btn a{background-color:#000000; color:#ffffff; padding:16px 28px 16px 28px; border:none; /*height:50px;*/ cursor: pointer; -webkit-font-smoothing: subpixel-antialiased;}
.loginwrap .login-cont-wrap .login-frmwrap .login-frm-cont .s-frmrow .btn a.hvr-sweep-to-right::before{background-color:rgba(0, 0, 0, 0.8); transition-duration: 0.2s; -webkit-font-smoothing: subpixel-antialiased;}
.loginwrap .login-cont-wrap .login-frmwrap .login-frm-cont .s-frmrow .btn a.browsebtn.hvr-sweep-to-right:hover{color:#ffffff; -webkit-font-smoothing: subpixel-antialiased;}

.loginwrap .login-cont-wrap .login-frmwrap .login-frm-cont .s-frmrow .btn a:hover{
	-webkit-transition: background-color .5s ease-out;
  -moz-transition: background-color .5s ease-out;
  -o-transition: background-color .5s ease-out;
  transition: background-color .5s ease-out; background-color:#f27935; -webkit-font-smoothing: subpixel-antialiased;}

.loginwrap .login-cont-wrap .login-frmwrap .login-frm-cont .s-frmrow .btn a::before {border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #ffffff; content: ""; position: absolute; top: 50%; margin-top: -11px; right: 22px; -webkit-font-smoothing: subpixel-antialiased;}

#about{background:#ffffff; color:#000000; text-align:center;}
#about h2{ text-transform:uppercase; font-size: 2.5rem; line-height: 2.2rem;}
#about h2 .titlewrap{    position: relative; display: inline; color: #373737; font-weight: 500;}
#about h2 .titlewrap::after{border-bottom:1px solid #373737; content:""; position:absolute; bottom: -10px; width: 50%; left: 25%; }
#about h2 i{margin-left:10px;}
#about ul.aboutdet{list-style-type:none; float:left;width:100%;}
#about ul.aboutdet li{float:left; width:50%; border-bottom:1px solid #ececec; border-right:1px solid #ececec; height:270px;}
#about ul.aboutdet li.brdrt-no{border-right:none;}
#about ul.aboutdet li.brdbot-no{border-bottom:none;}
#about ul.aboutdet li.singlerow{width:100%; border:none; margin-top:20px; height: 180px;}
#about ul.aboutdet li.singlerow .aboutdrtinner{width:40%;}
#about ul.aboutdet li .aboutdrtinner{margin:0 auto; width:60%; }
#about ul.aboutdet li .aboutdrtinner .media-heading-wrapper h3{float:left; width:100%; margin-bottom: 10px; font-weight:600;}
#about ul.aboutdet li .aboutdrtinner .media-heading-wrapper .media-object{margin-bottom: 20px;}
#about ul.aboutdet li .aboutdrtinner .media-body p{line-height:24px;}
#about ul.aboutdet li .aboutdrtinner .media-body p a{color:#000000; text-decoration:underline; font-weight:600;}
#team{background: url('../images/curator-bg.jpg') no-repeat; background-size: cover; position:relative; margin:0; padding:0;}
#team::before{content:""; background:rgba(255,255,255,0.80); position:absolute; width:100%; height:100%; top:0; left:0;}
#team .curator-wrapper{float:left; width:100%;}
#team .curator-wrapper .curatordesc{float:left; text-align:center; width:45%; padding-top:10%;}
#team .curator-wrapper .curatordesc h2{color:#000000; font-weight:400; font-size: 2.5rem; line-height: 2.2rem; text-transform:uppercase; }
#team .curator-wrapper .curatordesc h2 .titlewrap{position: relative; display: inline; color: #373737; font-weight: 500;}
#team .curator-wrapper .curatordesc h2 .titlewrap::after{border-bottom:1px solid #000000; content:""; position:absolute; bottom: -10px; width: 50%; left: 25%; }
#team .curator-wrapper .curatordesc h3{font-weight:200; font-size:2.0rem; color:#060606;}
#team .curator-wrapper .curatordesc .curdescinner{color:#060606; font-size:1.4rem; margin-top:20px;  line-height: 3.0rem;}
#team .curator-wrapper .curatorscreenwrap{float:right;}

#service{background: url('../images/creator-bg.jpg') no-repeat; background-size: cover; position:relative; margin:0; padding:0;}
#service::before{content:""; background:rgba(8,7,7,0.75); position:absolute; width:100%; height:100%; top:0; left:0;}

#service .creator-wrapper{float:left; width:100%;}
#service .creator-wrapper .creatordesc{float:right; text-align:center; width:45%; padding-top:10%;}
#service .creator-wrapper .creatordesc h2{color:#ffffff; font-weight:400; font-size: 2.5rem; line-height: 2.2rem; text-transform:uppercase; }
#service .creator-wrapper .creatordesc h2 .titlewrap{    position: relative; display: inline; color: #ffffff; font-weight: 500;}
#service .creator-wrapper .creatordesc h2 .titlewrap::after{border-bottom:1px solid #ffffff; content:""; position:absolute; bottom: -10px; width: 50%; left: 25%; }
#service .creator-wrapper .creatordesc h3{font-weight:200; font-size:2.0rem; color:#ffffff;}
#service .creator-wrapper .creatordesc .credescinner{color:#ffffff; font-size:1.4rem; margin-top:20px; line-height: 3.0rem;}
#service .creator-wrapper .creatorscreenwrap{float:left;}

#portfolio{background: url('../images/form-bg.jpg') no-repeat; background-size: cover; position:relative; margin:0; padding:90px 0;}
#portfolio::before{content:""; background:rgba(255,255,255,0.80); position:absolute; width:100%; height:100%; top:0; left:0;}
#portfolio h2{color:#373737; text-transform:uppercase; font-weight:400; font-size: 2.5rem; line-height: 2.2rem; }
#portfolio h2 .titlewrap{    position: relative; display: inline; color: #373737; font-weight: 500;}
#portfolio h2 .titlewrap::after{border-bottom:1px solid #000000; content:""; position:absolute; bottom: -10px; width: 50%; left: 25%; }
#portfolio .frmcontainer{margin:0 auto; width:80%;}
.frmouter{margin-bottom:20px; float:left; width:100%;}
#portfolio .frmcontainer input[type="text"], input[type="email"] {border:1px solid #6c6c6c; background:rgba(255,255,255,0.70); color:#676767; border-radius:0; margin-bottom:10px; padding:8px 12px;}
#portfolio .frmcontainer textarea {border:1px solid #6c6c6c; background:rgba(255,255,255,0.70); color:#676767; border-radius:0; margin-bottom:10px; height:165px; resize:none}
#portfolio .frmcontainer textarea button, html input[type=button], input[type=reset], input[type=submit]{width:auto; text-align:center; border:1px solid #181818; border-radius:0; color: #000000; background: #ffffff; margin-top:20px; padding:6px 20px;}

#contact{margin:0; padding:0;}
#contact .container{width:100%; background:rgba(255,255,255,1.00); text-align:center;}
#contact .container .contactlt{color:#000000; width:50%; font-size:1.4rem;}
#contact .container .contactlt .addresstxt
	{
		display: block;
		margin-bottom: 30px;
		float: left;
    width: 100%;
    padding: 0 100px; font-size:2.2rem; font-size:2.5rem;
	}

#contact .container .contactlt h2 .titlewrap{    position: relative; display: inline; color: #373737; font-weight: 500;}
#contact .container .contactlt h2 .titlewrap::after{border-bottom:1px solid #000000; content:""; position:absolute; bottom: -10px; width: 50%; left: 25%; }
	
#contact .container .contactlt ul.contlist{width:100%; float:left; list-style-type:none;     margin: 0; padding: 0;}
#contact .container .contactlt ul.contlist li{width:100%; float:left; font-size:2.0rem; }
#contact .container .contactlt ul.contlist li .contctlistwrap{margin:0 auto; width:50%; border-bottom:1px solid #e8e8e8; padding:15px 0;}
#contact .container .contactlt ul.contlist li i{    vertical-align: middle; margin-right: 10px;}
#contact .container .contactlt ul.contlist li .lbl{vertical-align:middle;}
#contact .container .contactrt{ width:50%;}

#copyright{background:#1e1e1e; }
#copyright .container .row p{}