@import url('https://fonts.googleapis.com/css?family=Exo+2|Playfair+Display+SC|Unlock|Anton|Hammersmith+One|Carter+One|EB+Garamond');
h1{font-family: 'Unlock', cursive !important; font-size: 3em !important; }
h2{font-family: 'Anton', sans-serif !important; font-size:1.6em !important; letter-spacing: 2px;} 
h6{font-family: 'Playfair Display SC', serif !important; font-size: 1.1em !important;}
h4,h5 {font-family: 'Carter One', cursive !important; font-size: 2.3em !important;}
h3{ font-family: 'Playfair Display SC', sans-serif !important; font-size: 1.6em !important;}
p{font-family: 'Exo 2', sans-serif !important; font-size: 1.1em !important; line-height:1.70 !important; letter-spacing: 0.80px;} 
.red{color:red;}
.d-none{display:none;}
.widhig{width:280px !important;height: 265px !important;}
.widhig1{width:280px !important;height: 350px !important;}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {left: 10% !important;}
.carousel-control.left {background-image: linear-gradient(to right,rgba(0, 0, 0, 0) 0,rgba(0,0,0,.0001) 100%) !important;
background-repeat: repeat-x;} .carousel-control.right {right: 0;left: auto;
background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(254, 254, 254, 0) 100%) !important;background-repeat: repeat-x;}
/* pro hover*/
.image {display: block;width: 100% !important;height: auto !important;}
.overlay {position: absolute;bottom: 100%;left: 0;right: 0;background-color: #FF370DCC;overflow: hidden;width: 100%;height:0;
 transition: .5s ease;}
.container1:hover .overlay {bottom: 0;height: 100% !important;} .container2:hover .overlay {bottom: 0;height: 100% !important;}
.container3:hover .overlay {bottom: 0;height: 100% !important;} .container4:hover .overlay {bottom: 0;height: 100% !important;}
.text {color: white;font-size: 20px;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-align: center;}
/* pro hover */
.caksize{width:230px !important;height:160px !important;}
.sosize{width:190px;height:230px;}
.socialsize{width:30px !important;height: 30px !important;}
.smallcal{width:30px;height:30px;}
.wh1{width:45px !important;height:18px !important;}
/*image half border */
.carousel-indicators li {border-radius: 0px !important;}
hr { margin-top: 20px; border: 0; border-top-color: currentcolor; border-top-style: none; border-top-width: 0px;border-top: 1px solid #f90000 !important;}
.hr1{margin-top: 20px;border: 0;border-top-color: currentcolor;border-top-style: none;border-top-width: 0px;border-top: 1px solid black !important;}
.hr2{margin-top: 10px !important;border: 0;border-top-color: currentcolor;border-top-style: none;border-top-width: 0px;
border-top: 1px solid blue !important;}
.floatright{float:right;} .pad{padding:20px;} .pad1{padding: 15px;}
.borderbottom{border-bottom:1px solid black;}
.navbar-nav li a {background-color: #028a08 !important;-moz-border-radius: 1em 1em 1em 1em;border-radius: 1em 8em 1em 8em;background-color: #000;}
.row.content {height: 550px}  .sidenav {background-color: white;height:100%;border:2px solid red;}
@media screen and (max-width: 767px) {.row.content {height: auto;} }

/* text border */
.embiggen {font-size: 4em;text-shadow: 0 0 40px #ffbab3;}
article {max-width: 600px;overflow: hidden;margin: 0 auto 50px;}
.subtitle {margin: 0 0 2em 0;}
.fancy {line-height: 0.5;text-align: center;}
.fancy span {display: inline-block;position: relative;  }
.fancy span:before,
.fancy span:after {content: "";position: absolute; height: 5px;border-bottom: 1px solid black; border-top: 1px solid black;
top: 10px;width: 100%;}
.fancy span:before {right: 100%;margin-right: 15px;}
.fancy span:after {left: 100%;margin-left: 15px;} .amp {margin: 0 0 0.25em 0;} .amp span {font-size: 0.7em;}
.copy {font: 1em Georgia, Serif;text-align: justify;-moz-column-count: 2; -moz-column-gap: 20px; column-count: 2; -webkit-column-count: 2;-webkit-column-gap: 20px; column-gap: 20px;}
.copy p {margin: 0 0 1em 0;}
/* text border */

.nav > li > a {position: relative;display: block;padding: 12px 23px !important;}
.navbar {position: relative;border: 1px solid transparent;border-top-color: transparent;border-right-color: transparent;border-bottom-color: transparent; border-left-color: transparent;}
.navbar-default {background-color: white !important;border-color: transparent !important;}
.navbar {border-radius: -2px !important;}
.navbar-collapse { padding-right: 1px !important;padding-left: 1px !important;overflow-x: visible;-webkit-overflow-scrolling: touch;border-top: 1px solid transparent;-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);box-shadow: inset 0 1px 0 rgba(255,255,255,.1);}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover { color: white !important; background-color: red !important; -moz-border-radius: 1em 1em 1em em;border-radius: 1em 8em 1em 8em;background-color:#000;}
.navbar-default .navbar-nav > li > a{color: #fff !important;}
.nav > .active > a, 
.nav > .active > a:focus, .nav > .active > a:hover {color: white !important;background-color: red !important;}
.nav > li > a:focus, .nav > li > a:hover {text-decoration: none;color: black !important;}
.nav > li > a:focus, .nav > li > a:hover {text-decoration: none;color: #fff !important;background-color: red !important;}
.navbar-toggle{margin-left:0;margin-right:0;}
.navbar-header button{margin-right:45% !important; }
.navbar-toggle .icon-bar{background-color: #fb0e0e !important;}	
.navbar-default .active > a, .active > a:hover, .active > a:focus {color: white !important;}
.navbar {position: relative;min-height: 50px;margin-bottom: -5px !important;border: 1px solid transparent;}
.navbar-custom .active > a, .active > a:hover, .active > a:focus {color: white !important;background-color : red !important;} 
.navbar-default  li > a:hover, .nav > li > a:focus {text-decoration: none;background-color: red  !important; color: #fff !important;}
.navbar-default .navbar-nav > li > a {color: #777;font-weight: bold;}

 h2 a {color:red !important;}.b1{background-color: white;}  .b2{background-color: gray !important;} 
.b3{background-color: #ff06 !important;} .b5{background: linear-gradient(to top, #01c3d233 15%, #cdced4 93%) !important;}
.clr{color:red !important;}  .clr1{color:white;}  .clr2{color:red !important;} .clr3{color: brown !important;}
.clr4{color: blue !important;}  .clr5{color: yellow !important;}  .clr6{color:#223152;}
.iconsize{font-size: 30px !important;color:red !important;}
.logosize{width: 120px;height: 57px;} .abovelogo{margin-top:20px;margin-bottom:20px;text-align:center;}
.margintop{margin-top: -18px !important;}  .margintop1{margin-top: 25px !important;} .margintop2{margin-top: -8px;}
.margintop3{margin-top: 8px !important;}  .margintop4{margin-top: 5px !important;}
.margintop5{margin-top: 85px !important;}  .marginbottom{margin-bottom: 10px !important;}
.marginbottom1{margin-bottom: 20px !important;}  .marginbottom2{margin-bottom: 30px !important;}
.smallborder {    margin-left: calc(50% - 40px);}
.smallborder-white, .smallborder {width: 80px;height: 2px;background-color: red;margin-top: 15px;}
.smallborder2 {    margin-left: calc(50% - 40px);}
.smallborder2-white, .smallborder2 {width: 80px;height: 2px;background-color: black;margin-top: 15px;}
.smallborder1 {    margin-left: calc(3.5% -15px);}
.smallborder1-white, .smallborder1 {width: 40px;height: 2px;background-color: black !important;margin-top: 15px;margin-bottom: 15px;}
.navbar-tabs li a{font-size: 1.18em !important;	}

/* NAVBAR */
body {background: #F0F0F0;font-size: 15px;color: black !important;font-family: 'Roboto', sans-serif;}
.content {height: 200px;}
.container {max-width: 1200px;margin: 0 auto;width: 100%;}
.arrow-down {width: 0;height: 0;border-left: 5px solid transparent;
 border-right: 5px solid transparent;border-top: 5px solid #def1f0;position: relative;top: 10px;right: -8px;content: '';}
.title-mobile {display: none;}
.arrow-down {border-top: 5px solid #505050;position: absolute;top: 20px;right: 10px;}
.cover-bg {background: rgba(0,0,0,0.5);position: fixed;top: 0;bottom: 0;left: 0;right: 0;}
 @media only screen and (max-width:1199px) {.container { width: 96%; }}
.fixed-top {position: fixed;top: 0;right: 0;left: 0;}

/* css */
a,a:focus{border:none !important; outline-offset: 0px !important; outline: none !important;} a{text-decoration:none !important; color:#353535 !important;} .margintop3{margin-bottom:30px;} .sosize{margin-top:15px;} 
.p1{padding: 0px !important;} .homebrdr{border:2px solid gray; padding: 10px; width: 100%;} .image{margin-bottom: 25px;}
.lightboxOverlay{width: 100% !important;height: 100% !important;position: fixed !important;}
.lightbox {position: fixed !important;top: 10% !important;} .img-responsive{width: 100%;}
.carousel-indicators li{border:1px solid #423535 !important;} .icn{color:#fff !important;font-size: 50px !important; margin-top:250px;}
.frm{width: 80%; border: 1px solid #ccc; border-radius: 50px;} .form-control{border-radius: 50px !important;}
.sub{background-color:gray;border:transparent;padding: 5px 50px;margin-top: 10px;color:#fff !important;border-radius: 25px;}
/* media */
@media (min-width:360px) and (max-width:767px){.caksize{width: 100% !important; height: auto !important;} .margintop3{margin-bottom:40px; margin-top:1px !important;} .p2{margin-bottom: 20px !important;} h2{font-size: 15px !important;line-height: 30px !important;}
.disply{display: none;} .margintop{margin-top:0px !important;} .pad1{padding:5px;}}
@media (min-width:360px) and (max-width:575px){.mt{margin-top:30px;} .fntsize{font-size:10px !important; margin-top:30px !important;} .iconsize{font-size: 15px !important;} .t1{text-align: center !important;}}
@media (min-width:576px) and (max-width:767px){.t1{text-align: center !important;}}
@media (min-width:768px) and (max-width:991px){.t1{text-align: center !important;} .nav > li > a:focus, .nav > li > a:hover{background-color: red !important; border:transparent !important; color: #fff !important;}}
@media (min-width:768px) and (max-width:800px){ .nav > li > a{padding: 12px 12px !important;margin-top: 15px;} .navbar-right{margin-right: -2px !important;}}
@media (min-width:801px) and (max-width:830px){.nav > li > a{padding: 12px 15px !important;margin-top: 15px;}}
@media (min-width:831px) and (max-width:850px){.nav > li > a{padding: 12px 18px !important;margin-top: 15px;}}
@media (min-width:851px) and (max-width:880px){.nav > li > a{padding: 12px 20px !important;margin-top: 15px;}}
@media (min-width:881px) and (max-width:910px){.nav > li > a{padding: 12px 22px !important;margin-top: 15px;}}
@media (min-width:911px) and (max-width:950px){.nav > li > a{padding: 12px 25px !important;margin-top: 15px;}}
@media (min-width:951px) and (max-width:970px){.nav > li > a{padding: 12px 28px !important;margin-top: 15px;}}
@media (min-width:971px) and (max-width:991px){.nav > li > a{padding: 12px 30px !important;margin-top: 15px;}}
@media (min-width:992px) and (max-width:1000px){.navbar-right{margin-right: 32px !important;}}
@media (min-width:1001px) and (max-width:1050px){.navbar-right{margin-right: 58px !important;}}
@media (min-width:1051px) and (max-width:1100px){.navbar-right{margin-right: 63px !important;}}
@media (min-width:1101px) and (max-width:1150px){.navbar-right{margin-right: 68px !important;}}
@media (min-width:1151px) and (max-width:1199px){.navbar-right{margin-right: 80px !important;}}
@media (min-width:992px) and (max-width:1200px){.nav > li > a:focus, .nav > li > a:hover{background-color: red !important; border:transparent !important; color: #fff !important;}}