@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,600,700,900);
body{margin:0;font:400 18px/24px 'Source Sans Pro', sans-serif; color: #333;overflow-y: scroll; position: relative; overflow-x: hidden;line-height: 2.8rem;font-size: 1.8rem !important; }
header{ background:#fff;}
h1{font:600 35px/1.1 'Source Sans Pro', sans-serif;color: #333; margin-bottom: 40px; margin-top:0}
h2{font:500 32px/45px 'Source Sans Pro', sans-serif;color: #333; margin:25px 0 5px;}
h3{font:500 26px/34px 'Source Sans Pro', sans-serif;}
h4{font:500 20px/30px 'Source Sans Pro',serif;}
a{color: #e76700;}
a:hover,a:focus{ color: #add8e6;}
p {font-size: 1.8rem; line-height: 2.8rem;  margin-bottom: 10px;  word-spacing: 1px;}
.italic{ font-style: italic;}
.uppercase{ text-transform: uppercase; font-size: 1.1em;}
.center{ text-align: center; margin: 25px 0;}
.right{ float: right; margin-bottom: 20px; margin-top: 12px;}
.right img{ margin:0 0 0 10px;}
.left img{ margin:0 10px 0 0;}
.left{ float: left; margin-bottom: 20px;margin-top: 12px;}
footer{ border-top:1px solid #555; color:#555; padding: 25px 0;font-size: 1.8rem !important; line-height: 20px;}
.dafnitable{ width:100%;margin-bottom: 20px;}
.dafnitable th,.dafnitable td{ border: 1px solid #000 !important; padding: 5px; text-align: center;}
.dafnitable td:first-child{ font-style: italic; font-weight: 500; text-align: left;}
.green{color:green;}
.red{ color: red;}
.blackquote{  border-bottom: 1px solid #e1e2e3;  border-top: 1px solid #e1e2e3;  padding: 24px 0 28px;}
.blackquote {  font-size: 38px; font-style: italic;  font-weight: 100;  line-height: 50px;   margin-bottom: 25px;}
.button a{ font-weight: 700;background: #ff0000; color: #fff;border:2px solid #cb7e9a;  padding: 10px 25px; margin: 0 auto 20px; width: 100%; max-width:250px; clear: both; display: block; text-align: center;}
.button a:hover{ text-decoration: none; opacity: 0.8;}
.righttext{ text-align:right; display:block;font-weight:bold; }
.testimonials p{ font-style:italic; font-weight:normal; top:16px; position:relative;}
hr{ border-top:1px solid #e1e2e3; margin: 15px 0 20px;}
iframe{margin: 0px auto 20px; max-width: 560px; display: block;}
.yellow{ background:yellow;}
b, strong{ font-weight:600;}
.redbg{ background:#ff9d05; padding:10px; color:#fff; text-align:center;}
.redbg .yellow{ background:transparent; color:yellow;}
.desc{margin-top: 40px;text-align: left;font-size: 30px;text-transform: capitalize;  line-height: 44px; color:#fff;font-weight:600;}
.sidebar{position:relative;}
.sidebar img{ width:100%;}
.sticky{  position:relative; text-align:center; top:25px;background-color: white; border-radius: 4px; box-shadow: 0 0 8px rgb(121, 121, 121); box-sizing: border-box; padding-bottom: 10px; width:390px;}
.heading{background-color:#ff0000;color:white; margin:0px; font-size: 34px;padding: 10px 0;}
#demo{ text-transform:uppercase;}
.redbg #demo{ text-transform:initial;}
.sticky span {background:yellow; color: #000; display: table;font-size: 14px;font-weight: bold; margin: 0px auto;padding:2px 10px;}
.desc .buy{ padding:10px 30px;}
.header::after{border-left: 100px solid transparent;border-right: 100px solid transparent;border-top: 40px solid #fff; content: "";
 height: 0; left: 50%;  margin-left: -100px; position: absolute; top: 100%;  width: 0;}
.intro {background:rgba(66, 199, 103, 0.2) none repeat scroll 0 0; padding: 65px 0 0;}
.header {  position: relative;  top: 0;  width: 100%;  z-index: 999;  padding:5px 0 10px; }
.intro iframe{ margin-top:0px;}
.intro::after {border-left: 100px solid transparent; border-right: 100px solid transparent; border-top: 40px solid rgba(66, 199, 103, 0.2) ; content: ""; height: 0;  left: 50%;  margin-left: -100px;  position: absolute;  width: 0;}
.features { background: #fffffc none repeat scroll 0 0; padding: 50px 0 0;}
.features::after {border-left: 100px solid transparent; border-right: 100px solid transparent; border-top: 40px solid #fffffc  ; content: ""; height: 0;  left: 50%;  margin-left: -100px;  position: absolute;  width: 0;}
.grey {background:rgba(66, 199, 103, 0.2) ; color: #333; padding: 100px 0 50px;  text-align: center;}
.grey img { border: 3px solid #ccc;  border-radius: 100px;  height: 200px;  margin-bottom: 20px;  width: 200px;}
.grey a:hover{text-decoration:none;}
.grey p{text-align:justify;}
.grey a{ color:#333; text-decoration:underline;}
.graphics{background: #fffffc none repeat scroll 0 0; padding: 50px 0 10px;}
.graphics .col-sm-6 {border: 1px solid rgb(189, 188, 188); flex: 0.5 1 0; justify-content: space-between; margin: 0.4em;  padding: 0.7em;  text-align: center;}
.graphics p {   text-align: center;}
.graphics .col-sm-3 {margin-bottom:20px;}
.graphics .col-sm-3  strong {color: #008080;  display: block; width:100%; text-align:center;}
.graphics .col-sm-3  img{margin:10px auto; width:100%;}
.list li { background:rgba(0, 0, 0, 0) url("../images/arrow.png") no-repeat scroll left 7px; list-style: outside none none;  padding-left: 25px;}
.list{padding-left:10px;}
.btn { max-width:250px;position: relative; font-family: 'Roboto', sans-serif;   letter-spacing: 0;   display: block;   width: 510px;  background-color: #ff9d05;  border: 0px;   font-size: 21px;   color: #fff;   text-decoration: none;   padding: 18px 2px;    cursor: pointer;   margin: 18px auto 1px auto;   text-transform: uppercase;    border-radius: 5px;  font-weight: 600;  -webkit-box-shadow: 0px 6px 0px 0px #db8500;   -moz-box-shadow: 0px 6px 0px 0px #db8500;   box-shadow: 0px 6px 0px 0px #db8500;   width: 70%;  min-width:280px;text-align:center;}
.stylecrazestore img{-webkit-box-shadow: 0px 6px 0px 0px #ec6765; -moz-box-shadow: 0px 6px 0px 0px #ec6765;  box-shadow: 0px 6px 0px 0px #ec6765;  position: relative; border-radius:35px; }
.stylecrazestore img:hover{-webkit-box-shadow: 0px 3px 0px 0px #ec6765;  -moz-box-shadow: 0px 3px 0px 0px #ec6765;  box-shadow: 0px 3px 0px 0px #ec6765;  top: 3px;}
.btn:hover{-webkit-box-shadow: 0px 3px 0px 0px #db8500;-moz-box-shadow: 0px 3px 0px 0px #db8500;box-shadow: 0px 3px 0px 0px #db8500; top: 3px;}
.ad{ width:100%; overflow:hidden; margin:0px auto;background:url("../images/infant7.jpg") no-repeat center top;background-size:100%;}
.blur {  background: rgba(0,0,0,0.5);   padding: 150px 0;   height: 690px;}
.ad .col-sm-7 img{border:1px solid #ccc; padding:5px;}
.list ul li{ background:none; list-style: inside none disc;  padding-left: 0;}
.testimonials{background:url("../images/quotes.png") no-repeat left 10px; padding-left:133px;}
.list.li li{color:green}
.grey p{background:url("../images/quotes.png") no-repeat left 10px; padding-left:133px;}
.ad .btn{margin:18px 0 1px; max-width:100%;}
.cta div { background:rgba(0, 0, 0, 0) url("../images/phone.png") no-repeat scroll left 7px;display:inline-block;padding: 10px 0 10px 65px; line-height:44px;}
.cta div:last-child { background:rgba(0, 0, 0, 0) url("../images/mail.png") no-repeat scroll left 7px;}
.cta{text-align:right;}
 footer .cta {   margin-top: -21px;}
 footer {  line-height: 35px;   text-align: left;}
.stylecrazestore img,.stylecrazestore img:hover{border-radius:0;box-shadow:none;}


@media (min-width:1200px){
.container{width:1200px;}
}

@media (min-width: 768px) and (max-width: 1199px) {
  .sticky{width:235px;}  
  .desc .buy { min-width: 120px; padding: 5px;}
  .desc{ margin-top:15px; margin-bottom:20px;}
  .blur { background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;   height: 430px;  padding: 0px 0;}
  .ad .btn{width:100%;}
}

@media (max-width:767px){
 footer {  line-height: 35px;   text-align: center;}
p,li{font-size: 20px;}
.container{ padding-left:15px !important; padding-right:15px !important;}
.desc{ margin-top:15px; margin-bottom:15px;}
.right{ float: none;text-align: center;}
.left{ float: none;text-align: center;}
 h1{font-size: 38px; line-height: 42px; text-align: center;}
 h2{font-size: 25px; line-height: 42px; text-align: center;} 
.authorname{ text-align: center;}
.blackquote{font-size: 23px; line-height: 30px;}
.right img,.left img{ margin:0;}
.logo{ width:100%; max-width:220px;}
iframe{ height:auto;}
.desc{ text-align:center;}
.sticky { margin: 0 auto 30px; max-width: 480px; min-width: 269px; position: relative !important; top: 10px !important;  width: 100%;}
.grey p,.testimonials { background: rgba(0, 0, 0, 0) none repeat scroll 0 0;   padding-left: 0;}
 .ad .btn{width:100%; font-size:16px;}
 .blur{height:665px;}
 .cta{text-align:center;}
  footer .cta{margin-top:0;}
 }
 
@media (max-width: 480px) {
.center img,.right img,.left img{ text-align: center; width:100%;}
.sticky {max-width: 300px; }
}