body {
    font-size: 14px;
    font-family: 'Quicksand', sans-serif;
}

/*.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{	position:inherit}*/
.nailthumb-container {
    width: auto;
    height: auto;
    margin: 0 0 11px;
    padding: 0;
    overflow: hidden;
    position: relative;
    text-align: left;
}

    .nailthumb-container img.nailthumb-image {
        margin: 0;
        padding: 0;
        max-width: none;
        text-align: left;
        float: left;
    }

    .nailthumb-container span.nailthumb-title {
        background: none repeat scroll 0 0 rgba(0,0,0,0.5);
        bottom: 0;
        color: White;
        display: block;
        font-size: 9px;
        height: 20px;
        left: 0;
        margin-top: 2px;
        line-height: 20px;
        position: relative;
        text-align: center;
        width: 100%;
        overflow: hidden;
        float: left;
    }

        .nailthumb-container span.nailthumb-title .nailthumb-title-scroller {
            padding-left: 2px;
        }

    .nailthumb-container img {
        max-width: none;
        text-align: left;
    }

h2 {
    margin: 0 0 5px 0;
}

.social {
    margin: 20px 0 10px 0;
    text-align: right;
}

    .social a i {
        text-decoration: none;
        font-size: 1.2em;
        margin: 0;
        padding: 0;
        line-height: 30px;
    }

    .social a {
        background-color: #333;
        display: inline-block;
        margin-left: 5px;
        width: 30px;
        border-radius: 50%;
        text-align: center;
        color: white;
    }

        .social a:hover {
        }

.active {
    font-family: 'Quicksand', sans-serif;
    text-decoration: none;
    color: #000;
}

.carousel-control.right, .carousel-control.left {
    background-image: none;
}

ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
}
/* bar menu */
.navbar-inverse {
    background-image: none;
    border: 0;
    background: transparent;
}

.navbar {
    box-shadow: none;
    margin-bottom: 0;
    min-height: 40px;
    margin-bottom: 10px;
}

.navbar-inverse .navbar-nav > li > a {
    color: white;
    text-transform: uppercase;
    font-size: 14px;
}

    .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > a:hover, .navbar-inverse .navbar-nav > a:focus,
    .navbar-inverse .navbar-nav > li > a:hover {
        background-color: #555;
        color: #ccc;
    }

.navbar-inverse .navbar-nav > li {
    /*border-right: 1px solid #444;*/
}

.topnav2 .navbar-inverse {
    background-image: none;
    border: 0;
    background-color: transparent;
}

.topnav2 .navbar {
    box-shadow: none;
    margin-bottom: 0;
    min-height: 40px;
    margin-bottom: 10px;
}

.topnav2 .navbar-inverse .navbar-nav > li > a {
    color: #777;
    text-transform: capitalize;
    font-size: 14px;
    text-shadow: 0 0 0;
      text-align:center;
}

    .topnav2 .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > a:hover, .navbar-inverse .navbar-nav > a:focus,
    .topnav2 .navbar-inverse .navbar-nav > li > a:hover {
        background-color: transparent;
        color: #666; /*border-bottom:3px solid #C40001;*/
        background-image: none;
        box-shadow: none;
      
    }

.heading {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 10px;
    color: #555;
}

/**/

.board-list-home {
    margin: 0;
    padding: 0;
}

    .board-list-home a {
        color: #333;
        text-decoration: none;
        font-weight:bold;
        font-size:18px;
        color:#017ABF;
        width:100%;
        list-style: none;
        padding: 20px 20px;
        display:inline-block;
        margin:15px 15px 15px 0px;
        border-bottom:3px solid #017ABF;
        border-left:1px solid #017ABF;
        border-radius:10px;
        
    }

    .board-list-home a:hover {
        border-bottom:3px solid #FF6600;
        border-left:1px solid #FF6600;
        background-color:#f7ea2a
    }
    
 
    .board-list-home a i {color:#017ABF; margin-right:10px}

    .board {}

    .board h3 {
        text-align: left;
        padding-bottom: 10px;
        color: #d10707;
        border-bottom: 1px solid #d10707;
        font-weight: bold;
    }

/**/

.board-list {
    margin: 0;
    padding: 0;
}
    .board-list a {
        color: #333;
        text-decoration: none;
        font-weight:bold;
        font-size:18px;
        color:#017ABF;
        width:100%;
        list-style: none;
        padding: 20px 20px;
        display:inline-block;
        margin:15px 15px 15px 0px;
        border-bottom:3px solid #017ABF;
        border-left:1px solid #017ABF;
        border-radius:10px;
        background-color:#f1f1f1
    }

    .board-list a:hover {
        border-bottom:3px solid #FF6600;
        border-left:1px solid #FF6600;
    }
    
 
    .board-list a i {color:#017ABF; margin-right:10px}

    .board {}

    .board h3 {
        text-align: left;
        padding-bottom: 10px;
        color: #d10707;
        border-bottom: 1px solid #d10707;
        font-weight: bold;
    }


/**/

    .worksheet-list {
    margin: 0;
    padding: 0;
    }

    .worksheet-list div{
        width:80%;
        list-style: none;
        padding: 20px;
        display:inline-block;
        margin:15px 0px 15px 0px;
        text-align:center;
        border-bottom:3px solid #017ABF;
        border-left:1px solid #017ABF;
        border-radius:10px;
        background-color:#f1f1f1;
         font-size:18px;
        color:#017ABF;
    }

    .worksheet-list div:hover {
        list-style: none;
        padding: 20px;
        display:inline-block;
        margin:15px 0px 15px 0px;
        border-bottom:3px solid #FF6600;
        border-left:1px solid #FF6600;
        border-radius:10px;
        background-color:#ddd;
        font-size:18px;
        color:#017ABF;
    }
    
    .worksheet-list div a {
        color: #333;
        text-decoration: none;
        font-weight:bold;
        font-size:18px;
        color:#017ABF;}

    .worksheet-list div i {color:#017ABF;}

    .worksheets {}

    .worksheets h3 {
        text-align: left;
        padding-bottom: 10px;
        color: #d10707;
        border-bottom: 1px solid #d10707;
        font-weight: bold;
    }

.extraextra {
}

    .extraextra a img {
        margin: auto;
    }

    .extraextra p {
        text-align: center;
        font-size: 18px;
        margin-top: 10px;
    }

.testmonial-item {
}

    .testmonial-item small {
        text-align: center;
        font-weight: bold;
        margin-top: 20px;
    }

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    margin-bottom: 10px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

@media (min-width: 1200px) {
    .navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {
        padding: 10px 20px;
    }

    .topnav2 .navbar-inverse .navbar-brand, .topnav2 .navbar-inverse .navbar-nav > li > a {
        padding: 0px 5px;
    }
}
/* Portrait tablet to landscape and desktop */
@media (max-width: 998px) {
    .navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {
        padding: 10px 20px;
    }
}

@media (min-width: 768px) and (max-width: 979px) { /* .navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav>li>a{padding:10px 40px} */
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {
        padding: 10px 20px;
    }
}
/* Landscape phones and down */
@media (max-width: 480px) {
}

section {
}

    section .container {
        padding: 50px 0;
    }



.morph {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    .morph:hover {
        -webkit-transform: rotate(-5deg);
        -moz-transform: rotate(-5deg);
        -o-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }


.rotate {
    -webkit-transition: -webkit-transform 0.4s ease-in-out;
    -moz-transition: -moz-transform 0.4s ease-in-out;
    -o-transition: -o-transform 0.4s ease-in-out;
    -ms-transition: -ms-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
    cursor: pointer;
}

    .rotate:hover {
        color: #afafaf;
        -webkit-transform: rotateZ(360deg);
        -moz-transform: rotateZ(360deg);
        -ms-transform: rotateZ(360deg);
        -o-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }


.star {
    animation: star 10s ease-out infinite;
}

.wars {
    animation: wars 10s ease-out infinite;
}

.byline span {
    animation: spin-letters 10s linear infinite;
}

.byline {
    animation: move-byline 10s linear infinite;
}

/* Keyframes */
@keyframes star {
    0% {
        opacity: 0;
        transform: scale(1.5) translateY(-0.75em);
    }

    20% {
        opacity: 1;
    }

    89% {
        opacity: 1;
        transform: scale(1);
    }

    100% {
        opacity: 0;
        transform: translateZ(-1000em);
    }
}

@keyframes wars {
    0% {
        opacity: 0;
        transform: scale(1.5) translateY(0.5em);
    }

    20% {
        opacity: 1;
    }

    90% {
        opacity: 1;
        transform: scale(1);
    }

    100% {
        opacity: 0;
        transform: translateZ(-1000em);
    }
}

@keyframes spin-letters {
    0%, 10% {
        opacity: 0;
        transform: rotateY(90deg);
    }

    30% {
        opacity: 1;
    }

    70%, 86% {
        transform: rotateY(0);
        opacity: 1;
    }

    95%, 100% {
        opacity: 0;
    }
}

@keyframes move-byline {
    0% {
        transform: translateZ(5em);
    }

    100% {
        transform: translateZ(0);
    }
}

/* Make the 3D work on the container */
.starwars-demo {
    perspective: 800px;
    transform-style: preserve3d;
}



.starwars-demo {
    height: 17em;
    left: 50%;
    position: absolute;
    top: 53%;
    transform: translate(-50%, -50%);
    width: 34em;
}

.byline span {
    display: inline-block;
}

img {
   /* width: 100%;*/
}

.star, .wars, .byline {
    position: absolute;
}

.star {
    top: -0.75em;
}

.wars {
    bottom: -0.5em;
}

.byline {
    color: #fff;
    font-family: "ITC Serif Gothic", Lato;
    font-size: 2.25em;
    left: -2em;
    letter-spacing: 0.4em;
    right: -2em;
    text-align: center;
    text-transform: uppercase;
    top: 29%;
}

/*** Media queries for adjusting to different screen sizes ***/

@media only screen and (max-width: 600px) {
    .starwars-demo {
        font-size: 10px;
    }
}

@media only screen and (max-width: 480px) {
    .starwars-demo {
        font-size: 7px;
    }
}



/** {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	     -o-box-sizing: border-box;
	       -box-sizing: border-box;
}

.star {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 48px;
	height: 48px;
	background: #eee83b;
	overflow: hidden;
	z-index: 2;
	animation: glitter 4.5s linear 0s infinite normal;
	-webkit-animation: glitter 4.5s linear 0s infinite normal;
	-moz-animation: glitter 4.5s linear 0s infinite normal;
	-ms-animation: glitter 4.5s linear 0s infinite normal;
	-o-animation: glitter 4.5s linear 0s infinite normal;
}
.star-top,.star-bottom{
	position: relative;
	display: block;
}
.star-top:before , 
.star-top:after ,
.star-bottom:before ,
.star-bottom:after{
	content: "";
	width: 48px;
	height: 48px;
	background:#eee;
	border-radius: 50%;
	position: absolute;
}

.star-top:before {
	top: -24px;
	left: -24px;
}
.star-top:after {
	bottom: -24px;
	left: 24px;
}
.star-bottom:before {
	top: 24px;
	left: -24px;
}
.star-bottom:after {
	top: 24px;
	left: 24px;
}

@-webkit-keyframes glitter {
	0%   { -webkit-transform: scale(1.0); opacity: 1; }
	25%  { -webkit-transform: scale(0.5); opacity: 0; }
	50%  { -webkit-transform: scale(1.0); opacity: 1; }
	75%  { -webkit-transform: scale(0.5); opacity: 0; }
	100% { -webkit-transform: scale(1.0); opacity: 1; }
}
@-moz-keyframes glitter {
	0%   { -moz-transform: scale(1.0); opacity: 1; }
	25%  { -moz-transform: scale(0.5); opacity: 0; }
	50%  { -moz-transform: scale(1.0); opacity: 1; }
	75%  { -moz-transform: scale(0.5); opacity: 0; }
	100% { -moz-transform: scale(1.0); opacity: 1; }
}*/

.navbar a:hover {
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #fc8733;
    font-size: 17px;
}


.social-footer-icons a{padding:10px; border-radius:0%; background-color:#3d4346; text-decoration:none;margin:0 5px;text-decoration:none;font-size:17px;}
.social-footer-icons a:hover{border:none;}
.social-footer-icons a i{margin:5px;}

.social-footer-icons .facebook-icon:hover{background-color:#2e53a3;}
.social-footer-icons .twitter-icon:hover{background-color:#1DA1F2;}
.social-footer-icons .linkedin-icon:hover{background-color:#0077B5;}
.social-footer-icons .googleplus-icon:hover{background-color:#d34836;}
.social-footer-icons .youtube-icon:hover{background-color:#a61b05;}

a{text-decoration:none!important;}