@import url(cnm.master.css);

html
{
     position:relative;
     min-height:100%; 
}

body {
    font-size:115%;
     background-image: url('../Images/gplaypattern.jpg') ;
     background-repeat:repeat;
}

/*Common*/
a {
    text-decoration: none;
}
    a:hover, a:active, a:focus {
        -webkit-transition: all 150ms linear;
        -moz-transition: all 150ms linear;
        -o-transition: all 150ms linear;
        -ms-transition: all 150ms linear;
        transition: all 150ms linear;
    }

#main-container{
    margin-bottom:15em;
}

.btn-detail
{
    padding-top: 0.25em !important;
    padding-bottom: 0.25em !important; 
    background-color:#0D71BA;
    color: #fff;
}

.btn-detail:hover,
.btn-detail:active
{
    background-color:#FF8C00 !important;
    border:1px solid #d8d8d8;
    -webkit-transition: all 150ms linear;
    -moz-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    -ms-transition: all 150ms linear;
    transition: all 150ms linear;
    color: #fff;
}

.form-control-action
{
    
}

/*Header*/


.en-header-bar
{
    margin-top:4.4em;
}

.en-navbar.navbar-default
{ 
    background-color:white;
    padding:2em 1em;
    border-bottom:3px solid #0D71BA;
    width:100%;
}


button.navbar-toggle {
    z-index: 9999;
    color: #0D71BA;
}

    .en-header-bar > .navbar-nav > li > a{
        color: #fefefe;
        font-weight: bold;
        font-size: 1.05em;
        text-decoration: none;
        margin-left: 0.2em;
        margin-right: 0.2em;
        background-color:#0D71BA;
        height: 3em;
        border-radius:1.5em;
        text-align:center;
        padding: 0.7em 0;
        width:8.5em;
        text-transform: uppercase;
        margin-top:0.2em;
    }
        .en-header-bar > .navbar-nav > li > ul.dropdown-menu {
            margin: 0.2em;
            background: #0D71BA;
            border: none;
            border-radius:0.8em;

        }
        .en-header-bar > .navbar-nav > li > ul.dropdown-menu li{
            padding: 0.3em 1em;
        }
        .en-header-bar > .navbar-nav > li > ul.dropdown-menu li a{
            color: #fff !important;
            font-size: 0.85em;
            text-transform: uppercase;
            padding-left: 0;
        }
        .en-header-bar > .navbar-nav > li.active > a,
        .en-header-bar > .navbar-nav > li > ul.dropdown-menu li:hover,
        .en-header-bar > .navbar-nav > li > ul.dropdown-menu li:active,
        .en-header-bar > .navbar-nav > li > ul.dropdown-menu li:focus,
        .en-header-bar > .navbar-nav > li > ul.dropdown-menu li a:hover,
        .en-header-bar > .navbar-nav > li > ul.dropdown-menu li a:active,
        .en-header-bar > .navbar-nav > li > ul.dropdown-menu li a:focus, 
        .en-header-bar > .navbar-nav > li > a:hover,
            .en-header-bar > .navbar-nav > li > a.active {
                background-color:#FF8C00 !important;
                 color:#fff !important;
                -webkit-transition: all 200ms linear;
                -moz-transition: all 200ms linear;
                -o-transition: all 200ms linear;
                -ms-transition: all 200ms linear;
                transition: all 200ms linear;
            }

            .en-header-bar > .navbar-nav > li.dropdown > a:hover,
            .en-header-bar > .navbar-nav > .open > a 
            {
                color: #fff !important;
                background-color:#FF8C00 !important;
            }


.navbar-brand-xs
{
    padding: 5px 15px;
    margin-left: 20px;
    
}
.navbar-brand-xs img
{
    height:3.5em;   
}

.navbar-collapse.en-header-bar.collapse.in {
    padding-bottom:1.2em;
}


/*Main left content*/
.left-menu-wrap{
    width: 100%;
    border-top: none !important;
}

.left-menu-wrap ul 
{
    list-style:none;
    padding: 0 !important;
    margin: 0 !important;
}

.left-menu-wrap ul li{position: relative}

.left-menu-wrap li a
{
    text-transform:uppercase;
    color:black;
    display:block;
    border-top: 1px solid #d8d8d8;
    padding: 1em 1em 1em 2em !important;
}

.left-menu-wrap li a .glyphicon-chevron-right
{
    margin-top:0.25em;
}

    .left-menu-wrap li a:hover {
        text-decoration:none;
        background-color:#FF8C00;
        color:#fff ;
        -webkit-transition: all 150ms linear;
        -moz-transition: all 150ms linear;
        -o-transition: all 150ms linear;
        -ms-transition: all 150ms linear;
        transition: all 150ms linear;
    }
    .left-menu-wrap li a .fa.pull-right{    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -6px}
.search-wrap
{
    padding:1.5em 0.8em 1.5em 0.8em;
}
    .search-wrap .control-label
    {
        font-weight:normal;
        color:#999;
    }

    .search-wrap #inputKeyWord
    {
        border-color: #0D71BA;
        border-right: none;
    }

    .search-wrap .glyphicon-search
    {
        color:#0D71BA;
    }

    .search-wrap .input-group-btn .btn
    {
        border-color: #0D71BA;
        border-left: none;
        border-radius: 0px 4px 4px 0px !important;
    }


.support-wrap{
    padding: 1.5em 0;
    text-align:center;
}

.support-wrap > .phone-number-label-panel
{
    margin-bottom:0.5em;
}

.support-wrap > .phone-number-panel > .phone-number
{
    font-size: 2em;
    color:#FF8C00;
}

.support-wrap > .phone-number-label-panel > .phone-number-label
{
    font-size:130%;
}

/*Body*/
.content-heading
{
    margin-top:30px;
    margin-bottom:30px;
}

/*footer*/
footer {
    position: absolute;
    bottom: 0;
    width:100%;
}

.bottom-icon .fa {
        border: 1px solid #fefefe;
        font-size: 2.2em;
        color: #fefefe;
        width: 1.4em;
        height: 1.4em;
        padding-top:0.2em;
        border-radius:0.7em;
        text-align: center;
        vertical-align: middle;
        margin-left: 10px;
    }

.bottom-icon .fa.fa-facebook{ background-color: #3B5998;border-color: #3B5998}
.bottom-icon .fa.fa-twitter{background-color: #4099FF;border-color: #4099FF}
.bottom-icon .fa.fa-youtube{background-color: #cc181e;border-color: #cc181e}
.bottom-icon .fa.fa-google-plus{background-color: #dd4b39;border-color: #dd4b39}

    .footer-l1{
        background-color:#d8d8d8;
        padding:1.5em 2em;
        line-height: 20px;
    }

    .footer-l2{
        background-color:#424242;
        padding:1.5em 2em;
        color:#D8D8D8;
    }

    footer .container{
        padding-left: 2em;
        padding-right:2em;
    }

    #social-panel
    {
        padding:2em 2em 0 0;
    }

    #designBy img
    {
            height: 11px;
    vertical-align: middle;
    margin-top: -3px;
    margin-left: 5px;
    }

    .footer-info
    {
        color:#0D71BA;
    }

/*Wiget*/
.wg
{
    margin-bottom:2em;
}

    .wg > .wg-header{
        height:3em;
        background-color:#0D71BA;
        border-radius: 0.8em 0.8em 0em 0em;
        padding-top:0.5em;
        padding-left:2em;
    }

    .wg .wg-title
    {
        font-size:1.3em;
        color:#fff;
        font-weight:600;
    }

    .wg > .wg-body{
    
        background-color:#fff;
        border: 1px solid #d8d8d8;
        color: black;
    }

    .wg > .wg-body-default
    {
        padding: 1.5em 2em;
    }

    .wg > .wg-body-default img
    {
        max-width: 100%
    }
/*containers*/


.title-space
{
    word-spacing:0.3em;
}

.italic
{
    font-style:italic;
}

.nowrap
{
    white-space:nowrap;
}


@media (max-width: 768px) {
    
    #main-container
    {
        margin-bottom:20em;
    }

    .cultures {
        top: 5px !important;
        right: 5px !important;
    }
}

@media (min-width: 768px) {

    .ab-header-content {
        width: 750px;
        font-size: 1.1em;
    }
}

@media (min-width: 818px) {

    .container {
        width: 800px;
    }
}

@media (min-width: 868px) {

    .container {
        width: 850px;
    }
}

@media (min-width: 992px) {

    .container {
        width: 970px;
    }
}



@media (min-width: 1200px) {
  .modal-lg {
    width: 1150px;
  }

  .container {
        width: 1170px;
   }
}


.ig-padding-hz
{
    padding-left:0px !important;
    padding-right:0px !important;
}

.ig-margin-hz
{
    margin-left:0px !important;
    margin-right:0px !important;
}

.ig-margin-vt
{
    margin-top:0px !important;
    margin-bottom:0px !important;
}

/*Product*/
.img-content
{
    width:100%;
    margin-bottom:2em;
}

.product-thumbnail-panel {
    margin-bottom:2em;
}
.product-thumbnail-content .img-content{ height: 100px;}

.product-thumbnail-title-panel {
    font-size:1.5em;
    color:#0D71BA;
    margin-bottom:1em;
}

.product-thumbnail-title
{
    
}

.product-thumbnail-title-symbol
{
    margin-right: 0.5em;
}

/*override of background slider*/
#slides
{
    height:23em;
    width:100%;
    margin-bottom:2em;
}

.slides-pagination {
    text-align:right !important;
    bottom: 2em !important;
    right: 2em;
}

.slides-pagination a
{
    border: none !important;
    width:1.5em !important;
    height:1.5em !important;
    background-color:#0D71BA;
    color:transparent !important;
}

.slides-pagination a.current {
    background-color:#FF8C00 !important;
}

/*Override bootrap*/
.btn-default {
    -ms-border-radius:0 !important;
    border-radius:0 !important;
    background-color:transparent;
    color:#fff;
}

.bottom-icon .fa:hover {
    opacity: 0.8;
    -webkit-transition: all 150ms linear;
    -moz-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    -ms-transition: all 150ms linear;
    transition: all 150ms linear;
}


.developer a{ color: #fff;}
.developer a:hover{ color: #c5a47e;text-decoration: none;
-webkit-transition: all 150ms linear;
    -moz-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    -ms-transition: all 150ms linear;
    transition: all 150ms linear;}

.navbar-default .navbar-toggle .icon-bar{background-color: #0D71BA}
.navbar-default .navbar-toggle:focus, 
.navbar-default .navbar-toggle:hover{background: #fff}
.navbar-default .navbar-toggle:focus .icon-bar, 
.navbar-default .navbar-toggle:hover .icon-bar{background-color: #FF8C00}


#sSlide-wrap
{
   
    margin-right :15px !important;
    margin-left: 15px !important;
    padding:0 2em !important;
    padding-bottom: 0.2em !important;
   
}

#sSlide img
{
    margin: 1px !important;
    padding: 2% !important;
}

#sSlide .slick-next
{
}

.slick-prev:before,
.slick-next:before {
    color: #0D71BA !important;
} 

.slick-slider{margin-bottom:0 !important}