.font-size-10 {
    font-size: 10px;
}

.font-size-11-xs {
    font-size: 11px;
}

.font-size-12 {
    font-size: 12px;
}

.font-size-13 {
    font-size: 13px;
}

.font-size-14 {
    font-size: 14px;
}

.font-size-15 {
    font-size: 15px;
}

.half-page {
    width: 50%;
    left: auto !important;
    right: auto !important;
}

.underline {
    text-decoration: underline;
}

.text-justify {
    text-align: justify;
}

.float-left {
    float: left;
}

.overflow {
    overflow: hidden;
}
/* shorts code for responsive */
.text-center-sm {
    text-align: center;
}

.text-left-sm {
    text-align: left;
}

.text-right-sm {
    text-align: right;
}

.img-center-sm {
    text-align: center;
}

.img-left-sm {
    text-align: left;
}

.img-right-sm {
    text-align: right;
}

.color-white {
    color: white;
}

.color-black {
    color: black;
}


/*
Bootstrap Costomization --start--
==================================================
*/

.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
    background-color: #EBEBEB;
    border-color: #999;
    color: #666;
}


.dropdown-menu {
    border: 0;
}

/* code */
code span {
    font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
}

.nt {
    color: #2f6f9f;
}

.na {
    color: #4f9fcf;
}

.s {
    color: #d44950;
}

mark {
    background-color: #EBEBEB;
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #DC510F;
}



/*
Bootstrap Costomization --end--
==================================================
*/



/*
Short Codes --start--
==================================================
*/


/* icons */
.flaticon-xSmall:before, .flaticon-xSmall:after {
    font-size: 14px !important;
}

.flaticon-small:before, .flaticon-small:after {
    font-size: 22px !important;
}

.flaticon-medium:before, .flaticon-medium:after {
    font-size: 30px !important;
}

.flaticon-large:before, .flaticon-large:after {
    font-size: 38px !important;
}

.flaticon-xLarge:before, .flaticon-xLarge:after {
    font-size: 46px !important;
}

.flaticon-xLarge:before, .flaticon-xxLarge:after {
    font-size: 52px !important;
}

.flaticon-white {
    color: white !important;
}


/* shadow */
.black-shadow {
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
}

.white-shadow {
    text-shadow: 0px 1px 1px rgba(150, 150, 150, 1);
}


/* hr */
.dashed-hr {
    border-style: dashed;
}

/* images */
img.full-width {
    width: 100% !important;
}


/* fonts */
.font-first {
    font-family: 'Quicksand', sans-serif !important;
}

.font-second {
    font-family: 'Tangerine', cursive !important;
}



.font-xxxSmall {
    font-size: 10px;
}

.font-xxSmall {
    font-size: 11px;
}

.font-xSmall {
    font-size: 12px;
}

.font-small {
    font-size: 14px;
}

.font-medium {
    font-size: 18px;
}

.font-large {
    font-size: 22px;
}

.font-xLarge {
    font-size: 26px;
}

.font-xxLarge {
    font-size: 30px;
}

.font-xxxLarge {
    font-size: 52px;
}


/* colors */
/*.color-1 {color:black;}
.color-3 {color:#666;}
.color-2 {color:#999;}
.color-4 {color:#EBEBEB;}
.color-5 {color:white;}*/

/* for responsive */
.touch-me {
    position: absolute;
    top: 10px;
    right: 0;
    left: 0;
    color: white;
    font-weight: bolder;
    opacity: 0.5;
    text-align: center;
    width: 100%;
    display: none;
}

.block-center {
    margin-right: auto;
    margin-left: auto;
}

.col-clean {
    padding-left: 0;
    padding-right: 0;
    position: relative;
}

.row-clean {
    margin: 0;
    position: relative;
}

.padding-clean {
    padding: 0 !important;
    position: relative;
}

.padding-clean-top {
    padding-top: 0;
}

.padding-clean-bottom {
    padding-bottom: 0;
}

.margin-clean {
    margin: 0 !important;
    position: relative;
}

margin-top-1 {
    margin-top: 1px;
}

.margin-clean-top {
    margin-top: 0;
}

.margin-clean-bottom {
    margin-bottom: 0;
}


.margin-bottom-30 {
    margin-bottom: 30px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-bottom-15 {
    margin-bottom: 15px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-bottom-5 {
    margin-bottom: 5px;
}

.margin-top-100 {
    margin-top: 100px;
}

.margin-top-80 {
    margin-top: 80px;
}

.margin-top-60 {
    margin-top: 60px;
}

.margin-top-50 {
    margin-top: 50px;
}

.margin-top-40 {
    margin-top: 40px;
}

.margin-top-30 {
    margin-top: 30px;
}

.margin-top-25 {
    margin-top: 25px;
}

.margin-top-15 {
    margin-top: 15px;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-5 {
    margin-top: 5px;
}

.margin-right-30 {
    margin-right: 30px;
}

.margin-right-15 {
    margin-right: 15px;
}

.margin-right-10 {
    margin-right: 10px;
}

.margin-right-5 {
    margin-right: 5px;
}

.margin-left-30 {
    margin-left: 30px;
}

.margin-left-25 {
    margin-left: 25px;
}

.margin-left-20 {
    margin-left: 20px;
}

.margin-left-15 {
    margin-left: 15px;
}

.margin-left-10 {
    margin-left: 10px;
}

.margin-left-5 {
    margin-left: 5px;
}

.padding-bottom-30 {
    padding-bottom: 30px;
}

.padding-bottom-15 {
    padding-bottom: 15px;
}

.padding-bottom-10 {
    padding-bottom: 10px;
}

.padding-bottom-5 {
    padding-bottom: 5px;
}

.padding-bottom-100 {
    padding-bottom: 100px;
}

.padding-top-30 {
    padding-top: 30px;
}

.padding-top-15 {
    padding-top: 15px;
}

.padding-top-20 {
    padding-top: 20px;
}

.padding-top-10 {
    padding-top: 10px;
}

.padding-top-5 {
    padding-top: 5px;
}

.padding-top-20 {
    padding-top: 20px;
}

.padding-top-30 {
    padding-top: 30px;
}

.padding-top-50 {
    padding-top: 50px;
}

.padding-right-30 {
    padding-right: 30px;
}



.padding-right-15 {
    padding-right: 15px;
}

.padding-right-10 {
    padding-right: 10px;
}

.padding-right-5 {
    padding-right: 5px;
}

.padding-left-80 {
    padding-left: 80px;
}

.padding-left-70 {
    padding-left: 70px;
}

.padding-left-60 {
    padding-left: 60px;
}



.padding-left-50 {
    padding-left: 50px;
}

.padding-left-40 {
    padding-left: 40px;
}

.padding-left-30 {
    padding-left: 30px;
}

.padding-left-15 {
    padding-left: 15px;
}

.padding-left-10 {
    padding-left: 10px;
}

.padding-left-5 {
    padding-left: 5px;
}


/*
Short Codes --end--
==================================================
*/




/*
Global config --start--
==================================================
*/


/*h1, h2, h3, h4, h5, h6, p, span, input, textarea, label {
    font-family: 'Quicksand', sans-serif;
}*/

a:hover {
    text-decoration: none;
}

#spy-object ul li a {
    padding: 0px;
}

#spy-object ul li.active a {
    font-weight: bold;
    color: black;
}

.affix {
    position: fixed !important;
}

.code-class {
    white-space: pre;
}

/* flaticon config */
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {
    font-size: 64px;
    margin-left: 0;
    vertical-align: middle;
}

[class^="flaticon-"] {
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

/*
Global config --end--
==================================================
*/



/* News Page*/
.news-container .news {
    padding: 10px;
}

    .news-container .news:hover {
        border: solid 2px #999;
        padding: 8px;
        background-color: #EBEBEB;
    }

.navigator a {
    color: #999;
}

.navigator .vertical-height {
    border-left: solid 1px #EBEBEB;
    height: 100%;
    width: 1px;
    position: absolute;
    left: 0;
    top: 0;
}


/* Main Menu config */
.logo {
    position: absolute;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
}

.main-menu-section {
    position: relative;
    z-index: 1;
    width: 100%;
}

    .main-menu-section .container {
        position: relative;
    }

    .main-menu-section .main-menu {
        margin-bottom: 0;
    }

.main-menu {
    border: none;
    border-radius: 0;
    width: 100%;
    opacity: 0.9;
}

    .main-menu .navbar-toggle {
        border: none;
    }


    .main-menu .navbar-nav > li > a {
        color: white;
    }

        .main-menu .navbar-nav > li > a:hover, .main-menu .navbar-nav > li > a:focus {
            color: white;
        }


.main-menu-container {
    border: none;
}

    .main-menu-container ul > li > a {
        font-family: 'Tangerine', cursive;
        font-size: 24px;
    }

.main-menu-section .main-menu-container > ul {
    display: inline-block;
    float: inherit;
    vertical-align: middle;
}





/* Portfoli Page */
.portfolio-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 80%;
    display: none;
}

    .portfolio-shadow a {
        color: white;
    }

.portfolio-elements {
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    display: none;
}

.portfolio-thumb {
    position: relative;
}

    .portfolio-thumb:hover .portfolio-shadow, .portfolio-thumb:hover .portfolio-elements {
        display: inherit;
    }

.portfolio-box {
    margin-bottom: 30px;
}

    .portfolio-box .caption {
        border-top: 5px solid black;
        padding: 10px;
    }

        .portfolio-box .caption .title {
        }

        .portfolio-box .caption .desc {
        }


/* Photo and Text */
.sp-title {
    font-size: 100px;
    color: white;
}

.sp-desc {
    margin-left: 10%;
    margin-right: 10%;
}


/* Menus */
.menu-desc {
    font-size: 16px;
}

.menu-price {
    padding-top: 7px;
    padding-bottom: 7px;
}

/* Slide */
.slide-caption, .slide-desc {
    color: white;
}

.slide-caption {
    font-size: 70px;
}


/* Footer */
.footer-section-1 {
    padding-top: 30px;
    padding-bottom: 30px;
    color: white;
}

    .footer-section-1 .twitBox p.tName {
        color: white;
    }

    .footer-section-1 .twitBox p.tweet {
        margin-bottom: 0;
    }

    .footer-section-1 p {
        font-size: 12px;
        color: #999;
    }


.footer-icon-container a {
    padding-left: 15px;
    padding-right: 15px;
    text-decoration: none;
}

    .footer-icon-container a:hover {
        color: #999;
    }

ul.bxSlider {
    padding-left: 0;
}



/* Phone */
@media(max-width:767px) {
    .logo {
        bottom: inherit !important;
        top: 3px;
    }

    .sp-title {
        font-size: 35px;
    }

    .touch-me-xs {
        display: inherit;
    }

    .dropdown-menu .divider {
        opacity: 0.2;
    }

    /* main mnue */
    .main-menu .main-menu-container {
        text-align: left;
    }

    .main-menu .navbar-nav {
        width: 100%;
        margin: 0;
    }


    /* shorts code for responsive */
    .text-center-xs {
        text-align: center;
    }

    .text-left-xs {
        text-align: left;
    }

    .text-right-xs {
        text-align: right;
    }

    .margin-bottom-xs-30 {
        margin-bottom: 30px;
    }

    .margin-bottom-xs-15 {
        margin-bottom: 15px;
    }

    .margin-bottom-xs-10 {
        margin-bottom: 10px;
    }

    .margin-bottom-xs-5 {
        margin-bottom: 5px;
    }

    .margin-top-xs-30 {
        margin-top: 30px;
    }

    .margin-top-xs-15 {
        margin-top: 15px;
    }

    .margin-top-xs-10 {
        margin-top: 10px;
    }

    .margin-top-xs-5 {
        margin-top: 5px;
    }

    .margin-left-xs-30 {
        margin-left: 30px;
    }

    .margin-left-xs-15 {
        margin-left: 15px;
    }

    .margin-left-xs-10 {
        margin-left: 10px;
    }

    .margin-left-xs-5 {
        margin-left: 5px;
    }

    .margin-right-xs-30 {
        margin-right: 30px;
    }

    .margin-right-xs-15 {
        margin-right: 15px;
    }

    .margin-right-xs-10 {
        margin-right: 10px;
    }

    .margin-right-xs-5 {
        margin-right: 5px;
    }

    .padding-bottom-xs-30 {
        padding-bottom: 30px;
    }

    .padding-bottom-xs-15 {
        padding-bottom: 15px;
    }

    .padding-bottom-xs-10 {
        padding-bottom: 10px;
    }

    .padding-bottom-xs-5 {
        padding-bottom: 5px;
    }

    .padding-top-xs-30 {
        padding-top: 30px;
    }

    .padding-top-xs-15 {
        padding-top: 15px;
    }

    .padding-top-xs-10 {
        padding-top: 10px;
    }

    .padding-top-xs-5 {
        padding-top: 5px;
    }

    .padding-left-xs-30 {
        padding-left: 30px;
    }

    .padding-left-xs-15 {
        padding-left: 15px;
    }

    .padding-left-xs-10 {
        padding-left: 10px;
    }

    .padding-left-xs-5 {
        padding-left: 5px;
    }

    .padding-right-xs-30 {
        padding-right: 30px;
    }

    .padding-right-xs-15 {
        padding-right: 15px;
    }

    .padding-right-xs-10 {
        padding-right: 10px;
    }

    .padding-right-xs-5 {
        padding-right: 5px;
    }
}

/* Tablet */
@media(min-width:768px) and (max-width: 991px) {

    .logo {
        width: 150px;
    }

    .sp-title {
        font-size: 40px;
    }

    .main-menu-container ul > li > a {
        font-size: 20px;
    }



    /* shorts code for responsive */
    .text-center-sm {
        text-align: center;
    }

    .text-left-sm {
        text-align: left;
    }

    .text-right-sm {
        text-align: right;
    }

    .touch-me-sm {
        display: inherit;
    }

    .margin-bottom-sm-30 {
        margin-bottom: 30px;
    }

    .margin-bottom-sm-15 {
        margin-bottom: 15px;
    }

    .margin-bottom-sm-10 {
        margin-bottom: 10px;
    }

    .margin-bottom-sm-5 {
        margin-bottom: 5px;
    }

    .margin-top-sm-30 {
        margin-top: 30px;
    }

    .margin-top-sm-15 {
        margin-top: 15px;
    }

    .margin-top-sm-10 {
        margin-top: 10px;
    }

    .margin-top-sm-5 {
        margin-top: 5px;
    }

    .margin-left-sm-30 {
        margin-left: 30px;
    }

    .margin-left-sm-15 {
        margin-left: 15px;
    }

    .margin-left-sm-10 {
        margin-left: 10px;
    }

    .margin-left-sm-5 {
        margin-left: 5px;
    }

    .margin-right-sm-30 {
        margin-right: 30px;
    }

    .margin-right-sm-15 {
        margin-right: 15px;
    }

    .margin-right-sm-10 {
        margin-right: 10px;
    }

    .margin-right-sm-5 {
        margin-right: 5px;
    }

    .padding-bottom-sm-30 {
        padding-bottom: 30px;
    }

    .padding-bottom-sm-15 {
        padding-bottom: 15px;
    }

    .padding-bottom-sm-10 {
        padding-bottom: 10px;
    }

    .padding-bottom-sm-5 {
        padding-bottom: 5px;
    }

    .padding-top-sm-30 {
        padding-top: 30px;
    }

    .padding-top-sm-15 {
        padding-top: 15px;
    }

    .padding-top-sm-10 {
        padding-top: 10px;
    }

    .padding-top-sm-5 {
        padding-top: 5px;
    }

    .padding-left-sm-30 {
        padding-left: 30px;
    }

    .padding-left-sm-15 {
        padding-left: 15px;
    }

    .padding-left-sm-10 {
        padding-left: 10px;
    }

    .padding-left-sm-5 {
        padding-left: 5px;
    }

    .padding-right-sm-30 {
        padding-right: 30px;
    }

    .padding-right-sm-15 {
        padding-right: 15px;
    }

    .padding-right-sm-10 {
        padding-right: 10px;
    }

    .padding-right-sm-5 {
        padding-right: 5px;
    }
}

/* Desktop */
@media(min-width:992px) and (max-width: 1199px) {


    .sp-title {
        font-size: 70px;
    }


    /* shorts code for responsive */
    .text-center-md {
        text-align: center;
    }

    .text-left-md {
        text-align: left;
    }

    .text-right-md {
        text-align: right;
    }

    .touch-me-md {
        display: inherit;
    }

    .margin-bottom-md-30 {
        margin-bottom: 30px;
    }

    .margin-bottom-md-15 {
        margin-bottom: 15px;
    }

    .margin-bottom-md-10 {
        margin-bottom: 10px;
    }

    .margin-bottom-md-5 {
        margin-bottom: 5px;
    }

    .margin-top-md-30 {
        margin-top: 30px;
    }

    .margin-top-md-15 {
        margin-top: 15px;
    }

    .margin-top-md-10 {
        margin-top: 10px;
    }

    .margin-top-md-5 {
        margin-top: 5px;
    }

    .margin-left-md-30 {
        margin-left: 30px;
    }

    .margin-left-md-15 {
        margin-left: 15px;
    }

    .margin-left-md-10 {
        margin-left: 10px;
    }

    .margin-left-md-5 {
        margin-left: 5px;
    }

    .margin-right-md-30 {
        margin-right: 30px;
    }

    .margin-right-md-15 {
        margin-right: 15px;
    }

    .margin-right-md-10 {
        margin-right: 10px;
    }

    .margin-right-md-5 {
        margin-right: 5px;
    }

    .padding-bottom-md-30 {
        padding-bottom: 30px;
    }

    .padding-bottom-md-15 {
        padding-bottom: 15px;
    }

    .padding-bottom-md-10 {
        padding-bottom: 10px;
    }

    .padding-bottom-md-5 {
        padding-bottom: 5px;
    }

    .padding-top-md-30 {
        padding-top: 30px;
    }

    .padding-top-md-15 {
        padding-top: 15px;
    }

    .padding-top-md-10 {
        padding-top: 10px;
    }

    .padding-top-md-5 {
        padding-top: 5px;
    }

    .padding-left-md-30 {
        padding-left: 30px;
    }

    .padding-left-md-15 {
        padding-left: 15px;
    }

    .padding-left-md-10 {
        padding-left: 10px;
    }

    .padding-left-md-5 {
        padding-left: 5px;
    }

    .padding-right-md-30 {
        padding-right: 30px;
    }

    .padding-right-md-15 {
        padding-right: 15px;
    }

    .padding-right-md-10 {
        padding-right: 10px;
    }

    .padding-right-md-5 {
        padding-right: 5px;
    }
}

/* Large Screen */
@media(min-width:1200px) {

    /* shorts code for responsive */
    .text-center-lg {
        text-align: center;
    }

    .text-left-lg {
        text-align: left;
    }

    .text-right-lg {
        text-align: right;
    }

    .touch-me-lg {
        display: inherit;
    }

    .margin-bottom-lg-30 {
        margin-bottom: 30px;
    }

    .margin-bottom-lg-15 {
        margin-bottom: 15px;
    }

    .margin-bottom-lg-10 {
        margin-bottom: 10px;
    }

    .margin-bottom-lg-5 {
        margin-bottom: 5px;
    }

    .margin-top-lg-30 {
        margin-top: 30px;
    }

    .margin-top-lg-15 {
        margin-top: 15px;
    }

    .margin-top-lg-10 {
        margin-top: 10px;
    }

    .margin-top-lg-5 {
        margin-top: 5px;
    }

    .margin-left-lg-30 {
        margin-left: 30px;
    }

    .margin-left-lg-15 {
        margin-left: 15px;
    }

    .margin-left-lg-10 {
        margin-left: 10px;
    }

    .margin-left-lg-5 {
        margin-left: 5px;
    }

    .margin-right-lg-30 {
        margin-right: 30px;
    }

    .margin-right-lg-15 {
        margin-right: 15px;
    }

    .margin-right-lg-10 {
        margin-right: 10px;
    }

    .margin-right-lg-5 {
        margin-right: 5px;
    }

    .padding-bottom-lg-30 {
        padding-bottom: 30px;
    }

    .padding-bottom-lg-15 {
        padding-bottom: 15px;
    }

    .padding-bottom-lg-10 {
        padding-bottom: 10px;
    }

    .padding-bottom-lg-5 {
        padding-bottom: 5px;
    }

    .padding-top-lg-30 {
        padding-top: 30px;
    }

    .padding-top-lg-15 {
        padding-top: 15px;
    }

    .padding-top-lg-10 {
        padding-top: 10px;
    }

    .padding-top-lg-5 {
        padding-top: 5px;
    }

    .padding-left-lg-30 {
        padding-left: 30px;
    }

    .padding-left-lg-15 {
        padding-left: 15px;
    }

    .padding-left-lg-10 {
        padding-left: 10px;
    }

    .padding-left-lg-5 {
        padding-left: 5px;
    }

    .padding-right-lg-30 {
        padding-right: 30px;
    }

    .padding-right-lg-15 {
        padding-right: 15px;
    }

    .padding-right-lg-10 {
        padding-right: 10px;
    }

    .padding-right-lg-5 {
        padding-right: 5px;
    }


    /* Smartphones (portrait and landscape) -----iPhone 4 ------ */
    @media only screen and (max-device-width : 480px) {
        /* Styles */

    }

    /* Smartphones (portrait and landscape) -----iPhone 4 ------ */
    @media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

        /* Styles */

    }

    @media(max-width:480px) {
    }




    /* Phone */
    @media(min-width:481px) and (max-width: 767px) {
    }




    /* Tablet */
    @media(min-width:768px) and (max-width: 991px) {
        .menu .menu-header {
            font-size: 18px;
        }
    }


    /* Desktop */
    @media(min-width:992px) and (max-width: 1199px) {
    }



    /* Large Screen */
    @media(min-width:1200px) {
    }
}

.padding-top-lg-180 {
    padding-top: 135px !important;
}

.aqua {
    color: aqua;
}

.red {
    color: red;
}

.md-margin-bt-6x {
    margin-bottom: 60px;
}

.md-margin-tp-6x {
    margin-top: 60px;
}

.md-margin-lt-6x {
    margin-left: 60px;
}

.md-margin-rg-6x {
    margin-right: 60px;
}





.font-size-18 {
    font-size: 18px !important;
}

.font-size-14 {
    font-size: 14px !important;
}