body{background:#ffffff;font-family: 'Questrial', sans-serif; font-size: 14px; position:relative; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;}
html, body{width:100%;overflow-x:hidden;}
h2{
	font-family: 'Questrial', sans-serif;
	font-size: 20px;
	text-transform: uppercase;
	color: #444444;
}
h1, h3, h4{font-weight:200;}
.heading{font-size:20px;}
.subheading{font-size:16px;padding-bottom:60px;}
.bold{font-weight:bold;}
.bolditalic{font-weight:bold;font-style:oblique;}
.highlight{color:#de52a9;}
.quotebig{color: #FFFFFF; font-family: 'Sacramento', cursive; font-size: 60px; line-height: 60px; margin-bottom: 32px}
.quotesmall{color: #FFFFFF; font-family: 'Sacramento', cursive; font-size: 30px;  line-height: 60px; margin-bottom: 0px;}
p{
	line-height: 20px;
	font-size: 14px;
	font-family: 'Questrial', sans-serif;
	color: #555555;
}
a{
	outline: none !important;
	color: #de52a9;
}
hr{width:180px;border-color:#CCC; text-align:center;}
.section-title strong{
	font-family: 'Sacramento', cursive;
	font-weight: 300;
	color: #555555;
	font-size: 56px;
}
.section-title-underline{color:#de52a9;font-size:106px;line-height:100px;font-weight:900;font-style:italic;font-style:oblique;}
.section-title h1{
	font-family: 'Sacramento', cursive;
	font-weight: 300;
	color: #de52a9;
	font-size: 56px;
}
.section-title{padding-bottom:32px;}
.medium-icon{font-size:32px !important;}
.small-icon{font-size:23px !important;}
#work,#about, #team,
#portfolio, #pricing, #contact{padding-top:60px;padding-bottom:60px;}
.map{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);}
.imageportfolio{opacity:1;-webkit-transition:opacity .25s ease;-moz-transition:opacity .25s ease;}
.imageportfolio:hover{opacity:.75;}
.preloader{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background:none repeat scroll 0 0 #fff;}
.sk-spinner-circle.sk-spinner{width:22px;height:22px;position:relative;}
.sk-spinner-circle .sk-circle{width:100%;height:100%;position:absolute;left:0;top:0;}
.sk-spinner-circle .sk-circle:before{content:'';display:block;margin:0 auto;width:20%;height:20%;background-color:#de52a9;border-radius:100%;-webkit-animation:sk-circleBounceDelay 1.2s infinite ease-in-out;animation:sk-circleBounceDelay 1.2s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.sk-spinner-circle .sk-circle2{-webkit-transform:rotate(30deg);transform:rotate(30deg);}
.sk-spinner-circle .sk-circle3{-webkit-transform:rotate(60deg);transform:rotate(60deg);}
.sk-spinner-circle .sk-circle4{-webkit-transform:rotate(90deg);transform:rotate(90deg);}
.sk-spinner-circle .sk-circle5{-webkit-transform:rotate(120deg);transform:rotate(120deg);}
.sk-spinner-circle .sk-circle6{-webkit-transform:rotate(150deg);transform:rotate(150deg);}
.sk-spinner-circle .sk-circle7{-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.sk-spinner-circle .sk-circle8{-webkit-transform:rotate(210deg);transform:rotate(210deg);}
.sk-spinner-circle .sk-circle9{-webkit-transform:rotate(240deg);transform:rotate(240deg);}
.sk-spinner-circle .sk-circle10{-webkit-transform:rotate(270deg);transform:rotate(270deg);}
.sk-spinner-circle .sk-circle11{-webkit-transform:rotate(300deg);transform:rotate(300deg);}
.sk-spinner-circle .sk-circle12{-webkit-transform:rotate(330deg);transform:rotate(330deg);}
.sk-spinner-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s;}
.sk-spinner-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s;}
.sk-spinner-circle .sk-circle4:before{-webkit-animation-delay:-0.9s;animation-delay:-0.9s;}
.sk-spinner-circle .sk-circle5:before{-webkit-animation-delay:-0.8s;animation-delay:-0.8s;}
.sk-spinner-circle .sk-circle6:before{-webkit-animation-delay:-0.7s;animation-delay:-0.7s;}
.sk-spinner-circle .sk-circle7:before{-webkit-animation-delay:-0.6s;animation-delay:-0.6s;}
.sk-spinner-circle .sk-circle8:before{-webkit-animation-delay:-0.5s;animation-delay:-0.5s;}
.sk-spinner-circle .sk-circle9:before{-webkit-animation-delay:-0.4s;animation-delay:-0.4s;}
.sk-spinner-circle .sk-circle10:before{-webkit-animation-delay:-0.3s;animation-delay:-0.3s;}
.sk-spinner-circle .sk-circle11:before{-webkit-animation-delay:-0.2s;animation-delay:-0.2s;}
.sk-spinner-circle .sk-circle12:before{-webkit-animation-delay:-0.1s;animation-delay:-0.1s;}
@-webkit-keyframes sk-circleBounceDelay{0%, 80%, 100%{-webkit-transform:scale(0);transform:scale(0);}
40%{-webkit-transform:scale(1);transform:scale(1);}
}
@keyframes sk-circleBounceDelay{0%, 80%, 100%{-webkit-transform:scale(0);transform:scale(0);}
40%{-webkit-transform:scale(1);transform:scale(1);}
}
.custom-navbar{
	background: #FFFFFF;
	padding-top: 8px;
}
.custom-navbar .navbar-brand{color:#de52a9;font-weight:600;font-size:100px;line-height:160px;padding-bottom:50px;}
.custom-navbar .navbar-brand .navbar-toggle{background:#de52a9;padding:4px 0px 10px -5px;font-size:50px;color:#fff;}
.custom-navbar .nav li a{color:#444444;font-size:14px;font-weight:500;}
.custom-navbar .nav li a:hover{background:transparent;color:#de52a9;}
.custom-navbar .nav > li > a:focus{background-color:transparent;color:#444444;outline:none;}
.custom-navbar .nav li.active > a{color:#de52a9;}
.custom-navbar .navbar-toggle{border:none;padding-top:50px;}
.custom-navbar .navbar-toggle .icon-bar{background:#de52a9;border-color:transparent;}
@media(min-width:768px){.custom-navbar{
	background: #ffffff;
	background-image: -webkit-linear-gradient(rgb(255,255,255,1), rgb(255,255,255,1));
	background: -ms-linear-gradient(rgb(255,255,255,1), rgb(255,255,255,1));
	background: linear-gradient(rgb(255,255,255,1), rgb(255,255,255,1));
	padding: 8px;
	border-bottom: 0;
	background: 50 50;
}
.custom-navbar.top-nav-collapse{padding:8px;background:#FFFFFF;}
}
#home{background-size:cover;background-position:center;color:#000000;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:100vh;text-align:center;}
#home h1{font-size:40px;}
#home h3{font-size:14px;line-height:25px;}
#home hr{width:240px;}
#home .btn{background:transparent;border:4px solid #ffffff;border-radius:0;color:#ffffff;font-size:15px;font-weight:bold;letter-spacing:2px;padding:12px 42px;margin-top:40px;margin-right:16px;transition:all 0.4s ease-in-out;}
#home .btn:hover{background:#de52a9;border-color:transparent;}
#home .btn-danger{background:#de52a9;border-color:transparent;}
#home .btn-danger:hover{border:4px solid #ffffff;border-radius:0;background:transparent;color:#ffffff;}
#work{text-align:center;}
#work .col-md-4{padding:28px;position:relative;transition:all 0.4s ease-in-out;}
#work .col-md-4:hover{background-color:#ffffff;}
#work h3{font-size:18px;font-weight:900;font-style:italic;}
#about{
	background: url(../images/testimonials_bg.jpg) center;
	color: #1A1A1A;
	background-attachment: fixed;
	background-size: cover;
}
.nav-tabs{margin-top:20px;border-bottom:1px solid #606060;}
.nav-tabs > li{float:left;margin-bottom:-1px;}
.nav-tabs > li > a{display:block;color:#ffffff;font-size:16px;padding:10px 20px;border:0;border-radius:0;}
.nav-tabs > li > a:hover{background-color:transparent;}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus{color:#de52a9;cursor:default;background-color:transparent;border:1px solid transparent;border-bottom-color:transparent;}
.tab-content{padding-top:20px;}
.tab-content a{color:#0CC;}
.tab-content a:hover, .tab-content a:link{color:#FF0;text-decoration:none;}
#team{
	text-align: center;
	border-top: solid 4px #de52a9;
	margin-top: 0px;
}
#team h3{color:#de52a9;font-size:14px;font-weight:bold;}
#team .col-md-3{padding-top:20px;padding-bottom:20px;}
#team .team-wrapper{overflow:hidden;position:relative;}
#team .team-des{background-color:rgba(00,00,00,0.6);position:absolute;color:#ffffff;opacity:0;max-width:500px;width:100%;height:100%;text-align:center;vertical-align:middle;top:0;left:0;right:0;bottom:0;transition:all 0.4s ease-in-out;margin:0 auto;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
#team .team-des:hover{opacity:1;}
#team img{margin:0 auto;transition:all .2s ease-in-out;}
#team img:hover{margin:0 auto;transform:scale(1.1);}
#team .social-icon li a{color:#fff;}
#team .social-icon li a:hover{color:#de52a9;}
#portfolio{
	background-color: #FFFFFF;
	border-top: solid 4px #de52a9;
	text-align: center;
}
#portfolio .container{width:100%;padding-bottom:15px;margin:0;}
#portfolio img{width:100%;transition:all 0.4s ease-in-out;}
#portfolio img:hover{opacity:0.5;}
.filter-wrapper{width:100%;margin:40px 0 24px 0;overflow:hidden;text-align:center;}
.filter-wrapper li{display:inline-block;margin:4px;}
.filter-wrapper li a{color:#999999;font-size:13px;font-weight:bold;letter-spacing:2px;text-transform:uppercase;padding:8px 17px;display:block;text-decoration:none;transition:all 0.4s ease-in-out;}
.filter-wrapper li .selected,
.filter-wrapper li a:focus,
.filter-wrapper li a:hover{color:#de52a9;outline:none;}
.iso-box-section{width:100%;}
.iso-box-wrapper{
	width: 100%;
	padding: 0;
	clear: both;
	position: relative;
	background-color: #FFFFFF;
}
.iso-box{position:relative;min-height:50px;float:left;overflow:hidden;margin-bottom:20px;}
.iso-box > a{display:block;width:100%;height:100%;overflow:hidden;}
.iso-box > a{display:block;width:100%;height:100%;overflow:hidden;}
.fluid-img{width:100%;display:block;}
#pricing{text-align:center;}
#pricing h3{font-size:16px;}
#pricing .plan{padding-top:20px;padding-bottom:20px;}
#pricing .plan span{font-size:16px;}
#pricing .plan .plan_title{font-family:'Times New Roman', serif; font-weight:300;letter-spacing:2px;padding-top:30px;padding-left:5px;padding-right:5px;margin-bottom:20px;}
#pricing .medium-icon{box-shadow:0px 2px 8px 0px rgba(50, 50, 50, 0.20);border-radius:50%;font-size:52px;width:120px;height:120px;line-height:120px;text-align:center;margin-bottom:32px;}
#pricing .plan ul{padding-top:10px; background-color: #FFFFFF;}
#pricing .plan ul li{font-size: 12px; fontdisplay:block;font-weight:normal; text-align:left; padding-bottom: 5px;}
#pricing .plan .btn{border:none;border-radius:0px;color:#ffffff;font-size:16px;font-weight:bold;padding:16px 60px;transition:all 0.4s ease-in-out;margin-top:20px;text-transform:uppercase;}
#pricing .plan .btn:hover{background-color:#3B3B3B;}
#contact{background:#3B3B3B url('../images/contact-bg.jpg') no-repeat left center;background-size:cover;  color:#292929;}
#contact h2{padding-bottom:20px;}
#contact h3{font-size:16px;font-weight:bold;letter-spacing:1px;}
#contact .small-icon{padding-top:0px;padding-right:16px;color:#292929;}
#contact .contact-info div{padding-top:0px;padding-bottom:0px;}
#contact form{padding-top:-5px;color:#444444;}
#contact .form-control{
	border: 2px solid #de52a9;
	background: rgba(244,250,255,0.4);
	border-radius: 0;
	box-shadow: none;
	margin-top: 10px;
	margin-bottom: 10px;
	transition: all 0.4s ease-in-out;
	color: #292929;
}
#contact input{height:40px;color:#292929;}
#contact input[type="submit"]{background:#de52a9;border:3px solid #de52a9;letter-spacing:1px;margin-top:30px;height:40px;color:#ffffff;}
#contact input[type="submit"]:hover{color:#de52a9;background:rgba(244,250,255,0.4);border:3px solid #de52a9;}
footer{text-align:center;padding-top:60px;padding-bottom:60px;}
footer p{padding-top:20px;}
.social-icon{padding:0;margin:0;}
.social-icon li{list-style:none;display:inline-block;padding:6px;}
.social-icon li a{box-shadow:0px 2px 8px 0px rgba(50, 50, 50, 0.09);color:#808080;font-size:20px;width:56px;height:56px;line-height:60px;text-align:center;text-decoration:none;transition:all 0.4s ease-in-out;}
.social-icon li a:hover{color:#de52a9;}
@media only screen and (max-width:960px){.section-title strong{font-size:50px;}
}
@media only screen and (max-width:760px){.section-title strong{font-size:40px;}
}
@media (max-width:440px){.section-title strong{font-size:35px;}
	h2{font-size:30px;}
#home{margin-top:0px;margin-bottom:0px;}
#home h1{font-size:22px;}
#home h3{font-size:12px;}
.quotebig{font-size: 40px; line-height: 40px; margin-bottom: 40px}
.quotesmall{font-size: 20px;  line-height: 40px; margin-bottom: 0px;}
}
