/**
** Arma Web Agency
** Zeplin Rent a Car - Css Document 
** 13.10.2014
** Author : Cemal OCAL
*/

/* #GENERAL
================================================== */



.fixedHeader{ position:fixed !important; top:20px; opacity:1; z-index:999999;}

/* #WRAPPER
================================================== */
.wrapper { width: 100%;min-height: 100%;margin-bottom: -186px;*margin-bottom: 0}
    .wrapper:after {content: "";display: block;height: 186px; padding: 0 0 50px 0;}
	

/* #HEADER
================================================== */
header { clear: both;height: 161px;position: relative;z-index: 2001;}
    header .head { height: 103px;}
        header .head .logo {margin: 11px 0 0 0; display: block;float: left}
		header .head .logo img{ width:368px; height:80px;}
    header .head .phone-member {float: right;margin: 10px 0 0 0; width:150px;}
        header .head .phone {margin: 15px 0 0 0;float: left;}
        header .head .phone i {width: 32px;height: 32px;background-position: 0 0}
        header .head .phone span {margin-left: 15px; font-size: 23px; color: #ed1c24; display: block;float: left;font-weight: 700}
        header .head .phone span b {color: #434750;}
		header .head .phone strong {color: #434750; font-size:10px; font-weight:400; float:right;}
		
		header .head .lgn {margin: 5px 0 0 0;float: right;}
		header .head .lgn a{font-size: 14px; color: #434750; margin:0 5px; font-weight: 700}
		header .head .lgn a:hover,
		header .head .lgn .active{color: #c0000c;}
        
        header .head .member {float: right;}
        header .head .member a {padding: 0 15px 0 10px;margin: 0 0 0 10px;vertical-align: baseline;height: 38px;line-height: 38px}
        header .head .member a span {display: block;float: left;}
        header .head .member a i {width: 23px;height: 20px;margin: 0 10px 0 0;display: inline-block;float: none;vertical-align: middle;}
        header .head .member a.a i {background-position: -34px -2px}
        header .head .member a.b i {background-position: -64px 0;width: 18px;}
		
		header .head .slg { float:left; font-size:24px; margin:40px 0 0 35px; color:#434750;font-weight: 700}
    
    header nav { width: 980px;height: 40px;background-color: #ed1c24;position:relative}
        header nav ul {display: inline-block;zoom: 1;*display: inline;margin: 0px auto;}
        header nav ul li { height:54px; position: relative; float: left;}
        header nav ul li a { font-size: 16px; display: block;color: #fff;height: 36px; line-height: 40px;padding: 0 20px 4px 20px;}
        header nav ul li a.activeX,header nav ul li a.active,header nav ul li a:hover {background: #c3131a;color: #fff;}
        header nav ul li a.home {}
        header nav ul li a.home i {width: 21px;height: 16px;background-position: -87px 0;margin-top: 12px}

        /* Menu - Drop Down */
        header nav ul ul {display:none; position: absolute;left: 0px;top: 40px;z-index: 100;min-width: 235px;background-color: #ed1c24;}
            header nav ul ul li { width: 100%; float: none; height: 40px;}
            header nav ul ul li a { margin: 0; height: 42px; line-height: 42px;padding: 0 10px 0 20px;border:none;text-align: left;white-space: nowrap;overflow: hidden;text-shadow: 0 0;font-size: 14px;}
            header nav ul ul li a.active,header nav ul ul li a:hover {background: #c3131a;}
            header nav ul ul li a:last-child:hover {}
        /* Menu - Drop Down Big */  
        header nav .drop-menu {
            overflow: hidden;
            width: 100%;
            background: #ed1c24;
            position: absolute;
            left: 0;
            top: 40px;
            width: 960px;
            z-index: 99999999;
            text-overflow: ellipsis;
            white-space: nowrap;
			
            display: none;
			padding:10px;
        }
        header nav .drop-menu a { 
			height: 22px;line-height: 22px; font-size:12px !important;
			display: block; float: left; width: 220px;
			padding:0px 10px;
		}
        header nav .drop-menu a:hover { 
            background-color: #c3131a;
        }


/* #SLIDES
================================================== */
section .slide { margin: 7px 0 0 0; height: 430px;position: relative;background-color: #fff;}
    section .slide .slides {  width: 100%;height: 430px;position: relative;}
    
    section .slide .slides ul li { width: 980px;height: 430px;}
	
        /* Desc */
        section .slide .slides .s-desc {overflow: hidden;padding: 20px; text-align:center; background: rgba(237,28,36,0.8); color: #fff;font-size: 16px;position: absolute;right: -500px;top: 100px; max-width: 330px;}

    /* Search */
    .slide .search { background: #A1A3A5; width: 340px;height: 380px; position: absolute; left: 20px;top: 25px;z-index: 2000;}
        .slide .search .form-style { margin: 15px }
        .slide .search .form-style h1.tit { color: #fff;font-size: 15px;font-weight: 700;float:left; }
        .slide .search .form-style .cell {padding: 14px 0 0 0}
        .slide .search .form-style .button { height: 40px; font-size: 15px; font-weight: 700}

/* #CONTENT
================================================== */
section .content {z-index: 10;clear: both;width: 100%;*width: auto;;}

    /* Content Title */
    .content-title {width: 100%;padding: 0px 0 8px 0;overflow: hidden;margin: 0 0 15px 0;background: url(../images/gline.png)  left bottom repeat-x;}
        .content-title h1 {float: left;font-size: 18px;font-weight: 700;color: #606a71;display: inline-block;*display: inline;zoom: 1;}

    /* Home Titles */
    .home-title { width: 100%;overflow: hidden;;background: url(../images/gline.png) center bottom repeat-x;}
        .home-title h1 {float: left;font-size: 18px;color: #333;display: inline-block;*display: inline;zoom: 1;padding: 0 0 15px 0;font-weight: 400;border-bottom: 1px solid #009bc9;}

    .content img[align=right] { margin: 0 0 15px 15px; }
    .content img[align=left] { margin: 0 15px 15px 0; }

    /*--------------------------------*/

    /*Home Boxes */
    .content .home-boxes {position: relative;margin: 15px 0 0 0;}
        .content .home-boxes .box {float: left;width: 316px;height: 150px; background: url(../images/home-boxes.png) left -180px no-repeat; margin: 0 16px 0 0;}
        .content .home-boxes .box h1 {font-size: 22px;font-weight: 400;margin: 0 0 15px 0 ;color: #FFF}
        .content .home-boxes .box a.mm {font-size: 14px;display: block;height: 49px;overflow: hidden;color: #fff;}
        .content .home-boxes .box a.mm:hover {color: #e6e6e6}

        .content .home-boxes .box.box1 { background: url(../images/home-boxes.png) left top no-repeat;}
            .content .home-boxes .box.box1 ul { width: 290px;height: 130px;overflow: hidden; }

        .content .home-boxes .box.box2 { background: url(../images/home-boxes.png) left -180px no-repeat;}
            .content .home-boxes .box.box2 a {height: 64px;}
            .content .home-boxes .box.box2 i { float: right; width: 33px;height: 33px;background-position: 0 -34px;}
        .content .home-boxes .box.box3 { background: #ed1c24; position: relative;}
        .content .home-boxes .box.box3 img { position: absolute;left: 10px ;bottom: -20px;}
        
        .content .home-boxes .box .cont { margin: 10px ;width:290px;height: 130px; overflow: hidden;} 

    /* Home Media */
    .content .media {overflow: hidden;margin: 50px 0 0 0;}
        .content .media .box {overflow: hidden;width: 311px;margin: 0 20px 0 0; float: left;}
        .content .media .box .icon {overflow: hidden;width: 60px;height: 60px;-moz-border-radius: 35px;-webkit-border-radius: 35px;border-radius: 35px;background-color: #A1A3A5;float: left;}
        .content .media .box .icon i {display: inline-block;float: none;}
            .content .media .box .icon.icon1 i {background-position: -36px -22px;width: 29px;height: 20px;}
            .content .media .box .icon.icon2 i {background-position: -67px -22px;width: 32px;height: 26px;}
            .content .media .box .icon.icon3 i {background-position: -103px -22px;width: 24px;height: 25px;}
            
        .content .media .box .rt {width: 215px;}
        .content .media .box .rt h1 {color: #df000c;font-size: 16px;font-weight: 400;margin: 0 0 15px 0;}
        .content .media .box .rt .input {border:1px solid #cacaca;width: 213px;height: 28px;}
        .content .media .box .rt .input input[type=text] {margin: 6px;width: 170px;float: left;}
        .content .media .box .rt .input input[type=submit] {cursor: pointer; float: right;width: 29px;height: 26px;background-position: 0 -68px ;margin: 1px;}
        .content .media .box .rt .input input[type=button] {cursor: pointer; float: right;width: 29px;height: 26px;background-position: 0 -68px ;margin: 1px;}
        .content .media .box .rt .input input {border: none;}
        
        .content .media .box .rt .icons a { background:#A1A3A5; -moz-border-radius: 35px;-webkit-border-radius: 35px;border-radius: 35px;width: 36px;height: 36px;float: left;margin: 0 8px 0 0}
        .content .media .box .rt .icons a i {display: block;float: none;margin: auto;}
            .content .media .box .rt .icons a.facebook:hover {background-color: #2e2665;}
            .content .media .box .rt .icons a.facebook i { margin-top: 7px; width: 11px;height: 21px;background-position: -36px -50px}
            .content .media .box .rt .icons a.twitter:hover {background-color: #21afea;}
            .content .media .box .rt .icons a.twitter i {margin-top: 8px; width: 21px;height: 20px;background-position: -48px -50px}
            .content .media .box .rt .icons a.youtube:hover {background-color: #ce2727;}
            .content .media .box .rt .icons a.youtube i {margin-top: 9px; width: 17px;height: 17px;background-position: -69px -50px}
            .content .media .box .rt .icons a.google:hover {background-color: #d14242;}
            .content .media .box .rt .icons a.google i {margin-top: 9px; width: 21px;height: 19px;background-position: -88px -50px}
            .content .media .box .rt .icons a.instagram:hover {background-color: #517fa6;}
            .content .media .box .rt .icons a.instagram i {margin-top: 9px; width: 16px;height: 16px;background-position: -109px -50px}
            .content .media .box .rt .icons a.linkedin:hover {background-color: #007bb5;}
            .content .media .box .rt .icons a.linkedin i {margin-top: 9px; width: 16px;height: 16px;background-position: -130px -50px}

/* #PAGES
================================================== */
.content .pages { margin: 10px 0 0 0;background-color: #fff;-moz-box-shadow: 0 0 5px #d9d9d9;-webkit-box-shadow: 0 0 5px #d9d9d9;box-shadow: 0 0 5px #d9d9d9;}
    .content .pages .page-content {margin: 15px;padding: 0 0 25px 0;}

    /* Page Navigation */
    .content .page-navigation {overflow: hidden;height: 29px;border-bottom: 1px solid #cacaca; margin: 0 0 20px 0;font-size: 12px;}
        .content .page-navigation a {display: block;float: left;}
        .content .page-navigation span {display: block;float: left;margin: 0 5px 0 5px}
    
    /* Page Header Background */ 
    .content .page-header-bg {overflow: hidden;height: 190px;background-color: #fff;margin: 0px 0 0 0;position: relative;}
        .content .page-header-bg .title {float: right;margin: 15px 15px 0 0;font-size: 22px;font-weight: 700;padding: 20px 30px 20px 30px;background:url(../images/slides/rdot.png) repeat;color: #fff;}

    /* Page Left & Right */
    .content .pages .page-left {overflow: hidden;width: 225px;float: left;}
    .content .pages .page-right {width: 710px;float: right;position: relative;}
    
    .pages .left-menu { width: 100%; overflow: hidden; }
    .pages .left-menu ul li { overflow: hidden;}
        .pages .left-menu ul li {overflow: hidden;margin:0 0 7px 0;position: relative;}
        .pages .left-menu ul li a { line-height: 40px; width: 225px;height: 40px;display: block;background-color: #ed1c24;color: #FFF;}
        
        .pages .left-menu ul li a span { width: 190px; white-space: nowrap; overflow: hidden;text-overflow:ellipsis; display: block;float: left;}
        .pages .left-menu ul li span.new {height: 25px;line-height: 25px; background: #f33d3d; color: #fff;padding: 0  10px 0 10px; position: absolute;right: 0;top: 4px;}
        .pages .left-menu ul li a i {width: 6px;height: 10px;margin:15px 10px 0 13px;background-position: -112px -11px;}
        .pages .left-menu ul li a:hover {background: #c3131a;color: #fff;}
        .pages .left-menu ul li a.active {color: #fff;background: #c3131a;}
        .pages .left-menu ul li a:hover i,
        .pages .left-menu ul li a.active i {background-position: -112px -11px;}

        /* Pages Frame */
        .frame {overflow: hidden;width: auto;display: inline-block;position: relative;background: #fff; border: 3px solid #716e83;}
        .frame.br{background-color: #e1e1e1;overflow: hidden;border:none;}
            .frame .frame-content {;overflow: hidden}

        /* Elem Title */
        .pages .elem-title { color: #716e83; font-weight: 700; font-size: 14px;border-bottom: 1px solid #ddd;padding: 0 0 10px 0;margin: 0 0 10px 0;}

        /* ---------------------------------------------- */

/* #PAGES [OUR FLEET OF VEHICLES]
================================================== */
.content .fleet-vehicles {}

    /* Steps */ 
    .content .fleet-vehicles .steps {overflow: hidden;height: 140px;margin: 0 0 20px 0; position:relative; z-index:999;}
    .content .fleet-vehicles .steps .box { color: #d4dde5; margin: 0 1px 0 0; float: left; width: 236px;height: 140px; background-color: #d4dde5;}
    .content .fleet-vehicles .steps .box:nth-child(4n){ margin:0 0px 0 0; width: 201px !important;}
	.content .fleet-vehicles .steps .box:nth-child(3n){ margin:0 1px 0 0; width: 201px !important;}
	.content .fleet-vehicles .steps .box:nth-child(2n){ margin:0 1px 0 0; width: 201px !important;}
	.content .fleet-vehicles .steps .box.active {width: 236px; background-color: #A1A3A5; border-color: #4d4e50;}
	.content .fleet-vehicles .steps .box:first-child{width: 340px;}
	.actv {background: #ed1c24 !important; border-color: #a60009 !important;}
    .content .fleet-vehicles .steps .box.active .cont {margin: 7px;}
    .content .fleet-vehicles .steps .box.active .cont h1 {color: #fff;font-size: 14px;font-weight: 600;float: left; margin:3px 0 0 0;}
    .content .fleet-vehicles .steps .box.active .cont .title {overflow: hidden;margin: 0 0 10px 0;}
        .content .fleet-vehicles .steps .box.active .cont .title i {width: 22px;height: 22px;margin: 0 10px 0 0}
        .content .fleet-vehicles .steps .box.active .cont .title i.icon1 {background-position: -30px -74px}
        .content .fleet-vehicles .steps .box.active .cont .title i.icon2 {background-position: -53px -74px}
        .content .fleet-vehicles .steps .box.active .cont .title i.icon3 {background-position: -75px -74px}
		.content .fleet-vehicles .steps .box.active .cont .title i.icon4 {background-position: -143px -74px}
        /**/
        .content .fleet-vehicles .steps .box.mold h1 {color: #606774;}
        .content .fleet-vehicles .steps .box.mold i {width: 30px;height: 30px;margin: 0 0 5px 0;float: none;display: inline-block;}
        .content .fleet-vehicles .steps .box.mold i.icon1 {background-position: 0 -97px}
        .content .fleet-vehicles .steps .box.mold i.icon2 {background-position: -31px -97px}
        .content .fleet-vehicles .steps .box.mold i.icon3 {background-position: -62px -97px}
		

    .content .fleet-vehicles .steps .box.active .cont .info span {display: block;float: left;margin: 0 0 10px 0}
    .content .fleet-vehicles .steps .box.active .cont .info span.a {width: 76px;}
    .content .fleet-vehicles .steps .box.active .cont .info span {width: 250px;}
    
    /**/
    .content .fleet-vehicles .listing {margin: 0 0 -58px 0}
    .content .fleet-vehicles .listing ul {width: 1010px;overflow: hidden;}
    .content .fleet-vehicles .listing ul li {overflow: hidden;float: left;margin: 0 58px 58px 0; width: 278px; height: 290px;}
    .content .fleet-vehicles .listing ul li a {display: block;width: 278px; height: 289px;}
    .content .fleet-vehicles .listing ul li a .button {background: #e34745;border-color: #606774;}
    .content .fleet-vehicles .listing ul li a:hover .button {background: #818894; border-color: #e3eaf1;}
    .content .fleet-vehicles .listing ul li a:hover .photo {border-color: #e34745;}
    .content .fleet-vehicles .listing ul li .photo {width: 270px;height: 172px;border: 2px solid #a22b29;background-color: #fff;}
    .content .fleet-vehicles .listing ul li .info {min-height: 40px;margin: 10px 0 10px 0}
    .content .fleet-vehicles .listing ul li .info h1 {color: #e34745;font-weight: 600;font-size: 18px;margin: 0 0 10px 0; text-align:center;}
    .content .fleet-vehicles .listing ul li .info p { height: 30px; display: block; white-space: nowrap; text-align:center; /* text-overflow: ellipsis; white-space: nowrap; overflow: hidden; */ }
    .content .fleet-vehicles .listing ul li .button {display: block;width: 100%;height: 32px;line-height: 32px}

/* #PAGES [RESERVATION]
================================================== */
.content .reservation {overflow: hidden;}

    /* Filtering */
    .content .reservation .filtering {margin: 0 0 20px 0;height: 30px;background-color: #A1A3A5;}
        .content .reservation .filtering .lt {text-indent: 15px;line-height: 34px;color: #FFF;font-size: 16px;font-weight: 600}
        .content .reservation .filtering .rt {margin: 5px 10px 0 0;}
        
    .content .reservation .listing ul li .button {width: 132px;}

/* #PAGES [RESERVATION / VEHICLE DETAIL]
================================================== */
.content .vehicle-detail {text-align: justify;}
    .content .vehicle-detail .title {overflow: hidden;padding: 0 0 20px 0;margin: 0 0 25px 0;border-bottom: 1px solid #cacaca;}
    .content .vehicle-detail .title h1 {font-size: 18px;color: #e34745;font-weight: 600;margin: 0 0 15px 0;}
    
    .content .vehicle-detail .detail .photo {width: 430px;float:left;background-color: #fff;overflow: hidden;margin: 0 0 30px 0; padding:4px 0 0 0;}
    
    .content .vehicle-detail .detail .photo .insetBx{width: 260px; height: 165px; float: left; position: relative; margin: -4px -4px 0px 0; border: 4px solid #e3eaf1;}
    .content .vehicle-detail .detail .photo .insetBx .img{width: 260px; height: 165px; float: left; position: absolute; top: 0px; left: 0px; z-index: 1;}
    .content .vehicle-detail .detail .photo .insetBx .txt{width: 100%; float: left; position: absolute; bottom: 0px; left: 0px; z-index: 2; text-align: center; color: #FFF; font-size: 14px; background-color: rgba(227,71,69,0.9); padding: 10px 0;
        transition-property: all;  
        transition-duration: 0.5s;
        transition-timing-function: linear;
        transition-delay: 0.2s; 
    }
    .content .vehicle-detail .detail .photo .insetBx:hover .txt{bottom: 130px;}

    

    .content .vehicle-detail .detail .info {width: 500px;float: right;}
    .content .vehicle-detail .detail .cell {padding: 0; margin: 0 0 30px 0;overflow: hidden;}
    .content .vehicle-detail .detail .cell .button {width: 225px;height: 32px;line-height: 34px;}
	.content .vehicle-detail .detail .cell .buttonAD {width: 190px;height: 32px;line-height: 34px;}
    .content .vehicle-detail .detail .cell span {display: block;float: left;}
    .content .vehicle-detail .detail .cell span.a {width: 110px;margin: 0 5px 0 0;}
	
	
	.priceBtns{width: 280px; float:left; margin:0 0 10px 0; }
	.priceBtns .icons{width: 150px; height:30px; line-height:32px; float:left; background:#f96d1e; color:#FFF;}
	.priceBtns .icons img{width: 30px; height:30px; float:left;}
	.priceBtns span{width: 98px; height:28px; line-height:30px; float:left; background:#f2f2f2; font-size:14px; padding:0 10px; font-weight:600; border-right:1px solid #cacaca; border-bottom:1px solid #cacaca; border-top:1px solid #cacaca; }
	.priceBtns span b{color:#ff8c00; font-size:18px;}
	.priceBtns:hover .icons{ background:#706d83;}
	

/* #PAGES [RESERVATION / VEHICLE EXTRAS]
================================================== */
.content .vehicle-detail.extras {}
    .content .vehicle-detail.extras .extra ul li {overflow: hidden;height: 37px; border:1px solid #cacaca; background-color: #f2f2f2;margin: 0 0 5px 0; width:32.2%; float: left; margin: 0 10px 0 0;}
	.content .vehicle-detail.extras .extra ul li:last-child{ margin:0px;}
    .content .vehicle-detail.extras .extra ul li .jqTransformCheckboxWrapper {margin: 11px}
    .content .vehicle-detail.extras .extra ul li div.a {width: 160px;}
    .content .vehicle-detail.extras .extra ul li div.b {width: 50px;}
    .content .vehicle-detail.extras .extra ul li div.c {width: 66px;}
    .content .vehicle-detail.extras .extra ul li span.lbl {display: block;float: left;color: #646464;line-height: 37px}
    
    .content .vehicle-detail.extras .infos {}
        .content .vehicle-detail.extras .infos .lt,
        .content .vehicle-detail.extras .infos .rt {width: 443px;}
        .content .vehicle-detail.extras .infos .cell label {margin: 0 0 10px 0;}
        .content .vehicle-detail.extras .infos .cell .button {width: 182px;height: 32px;}
        .content .vehicle-detail.extras .infos .desc {margin: 30px 0 0 0}

/* #PAGES [CONFIRMATION SCREEN]
================================================== */
.content .confirmation-screen {overflow: hidden;margin: 50px 0 0 0px;text-align: center; width: 100%; background: #e9e9e9; padding: 20px 0 20px 0; float: left;}
    .content .confirmation-screen h1 {color: #e34745;font-size: 18px;}
    .content .confirmation-screen i.cico {width: 31px;height: 31px;background-position: -104px -74px;margin: 25px 0 0 0}
    .content .confirmation-screen h1.brd {margin: 35px 0 20px 0;padding: 0 0 10px 0;}
    .content .confirmation-screen .info {width: 560px; margin: auto;text-align: left; font-size:14px;}
    .content .confirmation-screen .info ul li {overflow: hidden;margin: 0 0 10px 0;}
    .content .confirmation-screen .info span {display: block;float: left;}
    .content .confirmation-screen .info span.a {width: 110px;}
    .content .confirmation-screen span.but {padding: 0 20px 0 20px;height: 32px;background-color: #818793;display: inline-block;color: #fff;line-height: 32px;}

/* #PAGES [OUR OFFICES]
================================================== */
.content .our-offices {overflow: hidden;}
    .content .our-offices .provinces {margin: auto;width: 100%;}
    .content .our-offices .sort {margin: 20px 0 20px 0;}
    .content .our-offices .office-list {width: 100%;margin: 70px auto;}
    .content .our-offices .office-list h2,.content .our-offices .office-list a { display: block; color: #e34745;font-size: 18px;font-weight: 600;margin: 0 0 15px 0}
    .content .our-offices .office-list a:hover{color: #606774}
    .content .our-offices .office-list ul li {height: 250px;}
    
    .content .our-offices .office-list .info.min {margin: 0 0 50px 0}
    .content .our-offices .office-list .info.min span.ab {display: block;float: left;width: 140px;}
    
    .printicons{ width: 24px; height: 19px; float: right; margin: 3px 0 0 15px; background: url(../images/print.png); cursor: pointer; display: inline-block;}
    
    .printLogo{ display:none;}
    @media print {
    header,.page-navigation,footer,.leftArea{ display: none;}
	.content .confirmation-screen span.but{ color:#e34745;}
	html, body, form{ height:auto; -webkit-print-color-adjust: exact;}
	.printLogo{ display:block;}
	
    }
    
   
    
















/* #PAGES [CONTACT]
================================================== */
.content .contact {}
    .content .contact h1.big {color: #606774;font-size: 22px;font-weight: 600;margin: 0 0 20px 0}
    .content .contact h2 {color: #e34745;font-size: 18px;font-weight: 600;margin: 0 0 15px 0}
    .content .contact .button.fs {width: 182px;height: 32px;text-align: center;margin: 0 12px 0 0}
    
    .content .contact .cell {overflow: hidden;margin: 0 0 10px 0;padding: 0}
    .content .contact span.ab {display: block;float: left;}
    .content .contact span.a {width: 75px;font-weight: 700;}
    .content .contact span.b {width: 405px;}

    .content .contact .head-office {overflow: hidden;}
    .content .contact .head-office .lt {width: 480px;}

    .content .contact .head-office .rt {width: 210px;height: 130px;background: #e1e1e1 url(../images/mmap.png) no-repeat;position: relative;overflow: hidden;}
        .content .contact .head-office .rt a { color: #fff; width: 210px;height: 130px;position: absolute;left: 0;top: 0;z-index: 100;background-image: url(../images/bdot.png);}
        
    
    /* Office Listing */
    .content .office-list {overflow: hidden;margin: 35px 0 0 0}
        .content .office-list ul {overflow: hidden;width: 1010px;}
        .content .office-list ul li { float: left;margin: 0 15px 29px 0; overflow: hidden;width: 299px;min-height: 232px;border: 4px solid #e3eaf1;background-color: #fff;}
        .content .office-list .info {margin: 15px;}
        .content .office-list .info span.b {width: 227px;}
        
        .content .office-list .info .cell.mp i {width: 19px;height: 27px;background-position: 0 -128px}
        .content .office-list .info .cell.mp a {display: block;float: left;margin: 5px 0 0 25px}













    
/* =================================================
                #PAGES [ALL ELEMENTS]
================================================== */

/* Element [Features] */
    .elem-features ul li { overflow: hidden;margin: 0 0 10px 0;}
    .elem-features ul li label, .elem-features ul li a {display: block;float: left;}
    .elem-features ul li i {width: 5px;height: 9px;background-position: -120px 0;margin: 6px 5px 0 0;}

/* Photo Gallery & Video Gallery [Carousel & Not Carousel] */
.elem-gallery { overflow: hidden;}

    .elem-gallery.big-gallery ul {width: 1000px; }
    .elem-gallery.big-gallery ul li {margin-right: 30px}

    .elem-gallery ul {overflow: hidden;width: 800px;}
    .elem-gallery ul li { width: 166px; overflow: hidden;margin: 0 15px 10px 0;float: left;position: relative;}
    .elem-gallery ul li .mold { width: 160px; height: 169px;overflow: hidden;}
    .elem-gallery ul li label {display: block;width: 100%;margin: 5px 0 0 0;cursor: pointer;color: #747474;font-size: 14px;font-weight: 700}
    .elem-gallery .elem-icon {width: 160px;height: 169px;overflow: hidden;position: absolute;left: 3px;top: 3px;display: none; z-index: 10}
    .elem-gallery .elem-icon.pg-ico {background: url(../images/pg.png) no-repeat; }
    .elem-gallery .elem-icon.vg-ico {background: url(../images/vg.png) no-repeat;}
    .elem-gallery .elem-icon.cg-ico {background: url(../images/cg.png) no-repeat; width: 140px;height: 180px; }

/* Certificates */
.elem-gallery.certificates { overflow: hidden;}
    .elem-gallery.certificates ul li { width: 152px; height:222px;overflow: hidden;margin: 0 36px 20px 0;}
    .elem-gallery.certificates ul li .mold { width: 140px; height: 180px;}

    .elem-gallery.certificates.big-gallery ul {width: 1000px; }
    .elem-gallery.certificates.big-gallery ul li {margin-right: 8px}

/* Accordion */
.elem-accordion { overflow: hidden;}
    .elem-accordion ul li {overflow: hidden;margin: 0 0 8px 0;}
    .elem-accordion .accordion-title {border: 1px solid #dddddd;background: #f8f8f8;cursor: pointer;font-weight: 700;color: #666666;position: relative;padding: 15px 10px 15px 10px;}
    .elem-accordion .accordion-title h1 {font-weight: 600;}
    .elem-accordion .accordion-title i {position: absolute;right: 17px;top: 19px;width: 9px;height: 9px;background-position: -120px 0 ;}
    .elem-accordion .accordion-title.active {background: #f1efef;}
    .elem-accordion .accordion-title.active i {background-position: -120px -10px;}
    .elem-accordion .accordion-info { display: none; overflow: hidden;border-right: 1px solid #dddddd;border-bottom: 1px solid #dddddd;border-left: 1px solid #716e83;padding: 15px;}

/* Page Listing */
.content .page-list-content {overflow: hidden;}
    .content .page-list-content h1 {font-size: 18px;font-weight: 600;display: block;margin: 0 0 10px 0;color: #e34745;}
    .page-list-content .frame-content img {width: 150px;height: 112px;overflow: hidden;}
    .page-list-content ul li {overflow: hidden;;text-align: justify;margin: 0 0 30px 0;position: relative;border-bottom: 1px solid #cececd;padding: 0 0 10px 0;}
    .page-list-content ul li a {display: block;font-weight: 600;padding: 7px 15px 7px 15px;margin: 10px 0 0 0}
    .padd {padding: 10px 0 10px 0}

/* #FOOTER
================================================== */
footer {height:186px;position: relative;z-index: 100;overflow: hidden;}
    footer .top {height:150px; background: #ed1c24;}
    footer .top .box {width: 225px;float: left;margin: 15px 0 0 15px; color: #FFF;}
    footer .top .box h1 {font-size: 15px;color: #FFF;font-weight: 600;margin: 0 0 10px 0;}
    footer .top .box a {display: block;margin: 0 0 8px 0; color: #FFF; font-size:11px;}
    footer .top .box a:hover{color: #000000;}    
    footer .bottom {height:41px;background: #FFF;color: #5f6773;font-size: 13px;line-height: 41px; font-weight: 600;}
	footer .bottom  p{ float:left; margin:0 0 0 0; padding:0 125px 0 0;}
	footer .fphone{ float:left; margin:10px 0 0 0; font-size:23px; color:#FFF; font-weight:700;  background:url(../images/f-phone.png) left center no-repeat; padding:0 0 0 35px;}
   
/* 
==========================================================================*/
/* 								SITE ELEMENTS
/* ==========================================================================*/

    /* Sprite
    --------------------------------------------------------*/
    i, .i {float: left;display: block;background: url(../images/sprite.png);}
    .nf { margin: 0 5px 0 0;float: none;display: inline-block;vertical-align: text-bottom;}

    /* Location Alignment
    --------------------------------------------------------*/
    .lt, .lf {float: left !important;clear: none !important;}
    .lt-l {float: left !important;clear: none !important;margin: 0 20px 10px 0;}
    .rt, .rg {float: right !important;clear: none !important;}
    .lt-r {float: right !important;clear: none !important;margin: 0 0 10px 20px;}
    .nm {margin: 0 !important;}
    .nb {border: none !important;}
    .nbg {background: none !important}
    .see-all { font-weight: 700; padding: 4px 13px 4px 13px;border: 1px solid #e1e7ed;background-color: #009bc9;background-image: -moz-linear-gradient(bottom, #f5f7f9 0%, #fff 100%);background-image: -o-linear-gradient(bottom, #f5f7f9 0%, #fff 100%);background-image: -webkit-linear-gradient(bottom, #f5f7f9 0%, #fff 100%);background-image: linear-gradient(bottom, #f5f7f9 0%, #fff 100%);font-size: 13px;color: #333;}
    .see-all:hover {background-image: -moz-linear-gradient(bottom, #fff 0%, #f5f7f9 100%);background-image: -o-linear-gradient(bottom, #fff 0%, #f5f7f9 100%);background-image: -webkit-linear-gradient(bottom, #fff 0%, #f5f7f9 100%);background-image: linear-gradient(bottom, #fff 0%, #f5f7f9 100%);}

    /* No Average
    --------------------------------------------------------*/
    .mold {display: table;}
        .mold div {display: table-cell;vertical-align: middle;text-align: center;position: relative;margin-top: expression(this.offsetHeight < this.parentNode.offsetHeight ? parseInt((this.parentNode.offsetHeight - this.offsetHeight) / 2) + "px" : "0");}

    /* Paging
    --------------------------------------------------------*/
    .paging { overflow: hidden;margin: 10px 0 0 0;}
        .paging a {  display: block;color: #fff;padding: 2px 8px 2px 8px;font-weight:600;float: left;margin: 0 0 0 5px;font-size: 14px;}
            .paging a.active,.paging a:hover { color: #fff;background: #e34745;border-color: #a22b29;}

    /* Div Screen Center
    	/*--------------------------------------------------------*/
    .container {width: 980px !important;margin: auto;position: relative;}

    /* Image Loading */
    .imgload {z-index: 100;display: none;position: absolute;background: url(../images/loading.gif) no-repeat;width: 32px;height: 32px;right: 5%;top: 9%;margin: -16px 0 0 -16px;}

    /* No Anim */
    .nAnim {-webkit-transition: opacity 0.5s;-moz-transition: opacity 0.5s;-o-transition: opacity 0.5s;}

    /* Date Picker */
    .ui-datepicker {font-size: 12px !important;}

    .content .hr {width: 100%;background: #e5e5e5;height: 1px;margin:20px 0 20px 0;}
	
	
	
	
	
	
	
	
	
	.filtering .jqTransformSelectWrapper { height:18px !important; }
	
	.filtering .jqTransformSelectWrapper a.jqTransformSelectOpen{ height:20px !important; }
	
	.filtering .jqTransformSelectWrapper div span { padding:3px 0 0 5px !important;  font-size:12px !important;}
	
	.filtering .jqTransformSelectWrapper ul { top:18px !important; }