/* Chosen v1.6.2 | (c) 2011-2016 by Harvest | MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md */

.chosen-container{position:relative;display:inline-block;vertical-align:middle;font-size:13px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chosen-container *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.chosen-container .chosen-drop{position:absolute;top:100%;left:-9999px;z-index:1010;width:100%;border:1px solid #aaa;border-top:0;background:#fff;box-shadow:0 4px 5px rgba(0,0,0,.15)}.chosen-container.chosen-with-drop .chosen-drop{left:0}.chosen-container a{cursor:pointer}.chosen-container .search-choice .group-name,.chosen-container .chosen-single .group-name{margin-right:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;color:#999}.chosen-container .search-choice .group-name:after,.chosen-container .chosen-single .group-name:after{content:":";padding-left:2px;vertical-align:top}.chosen-container-single .chosen-single{position:relative;display:block;overflow:hidden;padding:0 0 0 8px;height:25px;border:1px solid #aaa;border-radius:5px;background-color:#fff;background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),color-stop(100%,#f4f4f4));background:-webkit-linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:-moz-linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:-o-linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background-clip:padding-box;box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);color:#444;text-decoration:none;white-space:nowrap;line-height:24px}.chosen-container-single .chosen-default{color:#999}.chosen-container-single .chosen-single span{display:block;overflow:hidden;margin-right:26px;text-overflow:ellipsis;white-space:nowrap}.chosen-container-single .chosen-single-with-deselect span{margin-right:38px}.chosen-container-single .chosen-single abbr{position:absolute;top:6px;right:26px;display:block;width:12px;height:12px;background: -42px 1px no-repeat;font-size:1px}.chosen-container-single .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single.chosen-disabled .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single .chosen-single div{position:absolute;top:0;right:0;display:block;width:18px;height:100%}.chosen-container-single .chosen-single div b{display:block;width:100%;height:100%;background: no-repeat 0 2px}.chosen-container-single .chosen-search{position:relative;z-index:1010;margin:0;padding:3px 4px;white-space:nowrap}.chosen-container-single .chosen-search input[type=text]{margin:1px 0;padding:4px 20px 4px 5px;width:100%;height:auto;outline:0;border:1px solid #aaa;background:#fff  no-repeat 100% -20px;background: no-repeat 100% -20px;font-size:1em;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-single .chosen-drop{margin-top:-1px;border-radius:0 0 4px 4px;background-clip:padding-box}.chosen-container-single.chosen-container-single-nosearch .chosen-search{position:absolute;left:-9999px}.chosen-container .chosen-results{color:#444;position:relative;overflow-x:hidden;overflow-y:auto;margin:0 4px 4px 0;padding:0 0 0 4px;max-height:240px;-webkit-overflow-scrolling:touch}.chosen-container .chosen-results li{display:none;margin:0;padding:5px 6px;list-style:none;line-height:15px;word-wrap:break-word;-webkit-touch-callout:none}.chosen-container .chosen-results li.active-result{display:list-item;cursor:pointer}.chosen-container .chosen-results li.disabled-result{display:list-item;color:#ccc;cursor:default}.chosen-container .chosen-results li.highlighted{background-color:#3875d7;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#3875d7),color-stop(90%,#2a62bc));background-image:-webkit-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:-moz-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:-o-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:linear-gradient(#3875d7 20%,#2a62bc 90%);color:#fff}.chosen-container .chosen-results li.no-results{color:#777;display:list-item;background:#f4f4f4}.chosen-container .chosen-results li.group-result{display:list-item;font-weight:700;cursor:default}.chosen-container .chosen-results li.group-option{padding-left:15px}.chosen-container .chosen-results li em{font-style:normal;text-decoration:underline}.chosen-container-multi .chosen-choices{position:relative;overflow:hidden;margin:0;padding:0 5px;width:100%;height:auto;border:1px solid #aaa;background-color:#fff;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(1%,#eee),color-stop(15%,#fff));background-image:-webkit-linear-gradient(#eee 1%,#fff 15%);background-image:-moz-linear-gradient(#eee 1%,#fff 15%);background-image:-o-linear-gradient(#eee 1%,#fff 15%);background-image:linear-gradient(#eee 1%,#fff 15%);cursor:text}.chosen-container-multi .chosen-choices li{float:left;list-style:none}.chosen-container-multi .chosen-choices li.search-field{margin:0;padding:0;white-space:nowrap}.chosen-container-multi .chosen-choices li.search-field input[type=text]{margin:1px 0;padding:0;height:25px;outline:0;border:0!important;background:transparent!important;box-shadow:none;color:#999;font-size:100%;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-multi .chosen-choices li.search-choice{position:relative;margin:3px 5px 3px 0;padding:3px 20px 3px 5px;border:1px solid #aaa;max-width:100%;border-radius:3px;background-color:#eee;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-size:100% 19px;background-repeat:repeat-x;background-clip:padding-box;box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);color:#333;line-height:13px;cursor:default}.chosen-container-multi .chosen-choices li.search-choice span{word-wrap:break-word}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{position:absolute;top:4px;right:3px;display:block;width:12px;height:12px;background: -42px 1px no-repeat;font-size:1px}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{background-position:-42px -10px}.chosen-container-multi .chosen-choices li.search-choice-disabled{padding-right:5px;border:1px solid #ccc;background-color:#e4e4e4;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);color:#666}.chosen-container-multi .chosen-choices li.search-choice-focus{background:#d4d4d4}.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close{background-position:-42px -10px}.chosen-container-multi .chosen-results{margin:0;padding:0}.chosen-container-multi .chosen-drop .result-selected{display:list-item;color:#ccc;cursor:default}.chosen-container-active .chosen-single{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active.chosen-with-drop .chosen-single{border:1px solid #aaa;-moz-border-radius-bottomright:0;border-bottom-right-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#eee),color-stop(80%,#fff));background-image:-webkit-linear-gradient(#eee 20%,#fff 80%);background-image:-moz-linear-gradient(#eee 20%,#fff 80%);background-image:-o-linear-gradient(#eee 20%,#fff 80%);background-image:linear-gradient(#eee 20%,#fff 80%);box-shadow:0 1px 0 #fff inset}.chosen-container-active.chosen-with-drop .chosen-single div{border-left:0;background:transparent}.chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-18px 2px}.chosen-container-active .chosen-choices{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active .chosen-choices li.search-field input[type=text]{color:#222!important}.chosen-disabled{opacity:.5!important;cursor:default}.chosen-disabled .chosen-single{cursor:default}.chosen-disabled .chosen-choices .search-choice .search-choice-close{cursor:default}.chosen-rtl{text-align:right}.chosen-rtl .chosen-single{overflow:visible;padding:0 8px 0 0}.chosen-rtl .chosen-single span{margin-right:0;margin-left:26px;direction:rtl}.chosen-rtl .chosen-single-with-deselect span{margin-left:38px}.chosen-rtl .chosen-single div{right:auto;left:3px}.chosen-rtl .chosen-single abbr{right:auto;left:26px}.chosen-rtl .chosen-choices li{float:right}.chosen-rtl .chosen-choices li.search-field input[type=text]{direction:rtl}.chosen-rtl .chosen-choices li.search-choice{margin:3px 5px 3px 0;padding:3px 5px 3px 19px}.chosen-rtl .chosen-choices li.search-choice .search-choice-close{right:auto;left:4px}.chosen-rtl.chosen-container-single-nosearch .chosen-search,.chosen-rtl .chosen-drop{left:9999px}.chosen-rtl.chosen-container-single .chosen-results{margin:0 0 4px 4px;padding:0 4px 0 0}.chosen-rtl .chosen-results li.group-option{padding-right:15px;padding-left:0}.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{border-right:0}.chosen-rtl .chosen-search input[type=text]{padding:4px 5px 4px 20px;background:#fff  no-repeat -30px -20px;background: no-repeat -30px -20px;direction:rtl}.chosen-rtl.chosen-container-single .chosen-single div b{background-position:6px 2px}.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b{background-position:-12px 2px}

/*
@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi),only screen and (min-resolution:1.5dppx){.chosen-rtl .chosen-search input[type=text],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-container-single .chosen-search input[type=text],.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span{background-image:url(chosen-sprite@2x.png)!important;background-size:52px 37px!important;background-repeat:no-repeat!important}}*/
.chosen-container{height: 80px; margin-top: 10px; font-size: 16px; font-family: MyriadSetPro-Text; color: rgb(124, 124, 124);}
	.chosen-single.chosen-default, 
	.chosen-container-single .chosen-single{height: 100%; background: #FFF; padding-left:30px; border-radius: 0;color: rgb(124, 124, 124);}
		.chosen-container-single .chosen-single span{margin-top: 28px; font-size: 16px;}

.chosen-container-active.chosen-with-drop .chosen-single{background: #FFF;}

.chosen-container-single .chosen-search{width:100%; padding-bottom: 10px; margin-bottom: 20px; border-bottom: thin solid #CCC;}
.chosen-container-single .chosen-search input[type=text]{border: none;}

.chosen-container .chosen-results{max-height:350px}
.chosen-container .chosen-results li{padding: 20px 6px; color: rgb(124, 124, 124);}

.chosen-container .chosen-results li.highlighted{background: #CCC;}

/* control drop arrow from this */
.chosen-container-single .chosen-single div{margin-right: 20px; }
.chosen-container-single .chosen-single div b{background-image:url(../images/svg/arrow-down-124.svg); background-position: center center;}
.chosen-with-drop.chosen-container-single .chosen-single div b{background-image:url(../images/svg/arrow-up-124.svg); background-position: center center;}


/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../images/colorbox/overlay.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
/*    #cboxTopLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../images/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../images/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../images/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../images/colorbox/border.png) 0 -29px repeat-x;}*/

    #cboxTopLeft,
    #cboxTopRight,
    #cboxBottomLeft,
    #cboxBottomRight,
    #cboxMiddleLeft,
    #cboxMiddleRight,
    #cboxTopCenter,
    #cboxBottomCenter{display: none;}


    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(../images/colorbox/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../images/colorbox/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
@charset "utf-8";

/*------------------------------------*\
  #ELEMENT SETUP
\*------------------------------------*/ 

html{overflow-y:scroll;  height: 100%;}
body{margin: 0; padding:0; font-size: 16px; font-family: MyriadSetPro-Text; height: 100%; color: #FFF}

div{position: relative; float: left;} 

a{cursor: pointer; text-decoration: none; color: inherit;}
h1, 
h2,
h3,
h4,
h5,
h6,
p{margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
p{line-height: 1.4; text-align: justify;}

input[type="button"] {  -webkit-appearance: none; background-color: initial; cursor: pointer;border-radius: 0;}
input[type="submit"] {  -webkit-appearance: none; background-color: initial; cursor: pointer;border-radius: 0;}
input { box-shadow: none; font-family: MyriadSetPro-Text; border-radius: 0;}

textarea{font-family: MyriadSetPro-Text; border-radius: 0;}

button, 
form{background: transparent; outline: none; border:none; padding: 0; margin: 0; position: relative; float: left;
display: block;}


object{
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline; 
}
/* General */
.btn {cursor: pointer; text-decoration: none;}

.hideme{display: none !important;}

.full-width{width:100%;}

.bold { font-weight: bold; }

.inline-block{display: inline-block; float: none;}

div[class*="I"],
a[class*="I"]
{background-repeat: no-repeat; background-position: center center; background-size: contain;}

.fr{float: right;}
.fl{float: left;}

.block{display: block; position: relative;}

.fixed{position: fixed;}

.center{float: none; margin: auto;}

.absolute{position: absolute;}
.align-ab-bottom{position: absolute; bottom: 0;}
.abs-center{position: absolute; float: none; left: 0; right: 0; margin:auto;}

.inline-tbl{display: inline-table; height: 100%; width: 100%; }
.tbl-center{display: table-cell; float: none; vertical-align: middle; }

.bs-bb{box-sizing:border-box;}
.not-allowed{cursor: not-allowed;}

.button{text-align: center; font-size: 16px; padding:15px 30px 15px 30px; border:thin solid #FFF; color: #FFF; cursor: pointer;}
.desktop .button:hover{background-color: rgb(232, 232, 232); color: rgb(124, 124, 124);}

.clearfix:before, .clearfix:after {content: " "; display: table;}
.clearfix:after {clear: both;}

/*------------------------------------*\
  #ANIMATIONS
\*------------------------------------*/

/* Primary Transition Effect */
a,
.btn, 
.button,
.smooth{transition-timing-function: linear; transition: .3s; -webkit-transition-timing-function: linear; -webkit-transition: .3s; -webkit-backface-visibility: hidden;}


/* Swing Animation */
@-webkit-keyframes swing{
    15% {-webkit-transform: translateX(5px); transform: translateX(5px); }    
    30% {-webkit-transform: translateX(-5px); transform: translateX(-5px); }
    50% {-webkit-transform: translateX(3px); transform: translateX(3px); }
    65% {-webkit-transform: translateX(-3px); transform: translateX(-3px); }
    80% {-webkit-transform: translateX(2px); transform: translateX(2px); }
    100%{-webkit-transform: translateX(0); transform: translateX(0); }
}

@keyframes swing{
    15% {-webkit-transform: translateX(5px); transform: translateX(5px); }
    30% {-webkit-transform: translateX(-5px); transform: translateX(-5px); }
    50% {-webkit-transform: translateX(3px); transform: translateX(3px); }
    65% {-webkit-transform: translateX(-3px); transform: translateX(-3px); }
    80% {-webkit-transform: translateX(2px); transform: translateX(2px); }
    100%{-webkit-transform: translateX(0); transform: translateX(0); }
}

.swing{
	-webkit-animation: swing 1s ease;
	animation: swing 1s ease;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

.spin-180{width: 10%; text-align: center; background-position: center center;
    transition: transform 550ms ease;
    -moz-transition: -moz-transform 550ms ease;
    -ms-transition: -ms-transform 550ms ease;
    -o-transition: -o-transform 550ms ease;
    -webkit-transition: -webkit-transform 550ms ease;
}

.spin-180.active {
    transform: rotate( 180deg );
    -moz-transform: rotate( 180deg );
    -ms-transform: rotate( 180deg );
    -o-transform: rotate( 180deg );
    -webkit-transform: rotate( 180deg );
}


/*------------------------------------*\
  #COLORS
\*------------------------------------*/

.bc-white{background-color: rgb(255, 255, 255) !important;}
.bc-232{background-color: rgb(232, 232, 232) !important;}
.bc-124{background-color: rgb(124, 124, 124) !important;}
.bc-178{background-color: rgb(178, 178, 178) !important;}


/*------------------------------------*\
  #ICONS
\*------------------------------------*/
.arrow-down{width: 13px; height: 15px; background-repeat: no-repeat; background-position:center center; background-image: url(../images/arrow-down.png); }

.Iarrow-right {background-image: url(../images/svg/arrow-right.svg);}
.Iarrow-left {background-image: url(../images/svg/arrow-left.svg);}
.Iarrow-up {background-image: url(../images/svg/arrow-up.svg);}
.Iarrow-down {background-image: url(../images/svg/arrow-down.svg);}
.Iarrow-down-124{background-image: url(../images/svg/arrow-down-124.svg);}

.Iclose{background-image: url(../images/svg/close.svg);}


.open .Iarrow-down{background-image: url(../images/svg/arrow-up.svg);}
.opened .Iarrow-down-124{background-image: url(../images/svg/arrow-up-124.svg);}

/*------------------------------------*\
  #STRUCTURES
\*------------------------------------*/
.primary-wrap{width: 100%; z-index: 2;}

.fullscreen{float: none; margin: auto; width: 100%; background-color: #FFF;}
.outer{float: none; margin: auto; width: 100%; max-width: 1350px;}
.wrapper{float: none; margin: auto; width: 95%;}

/*------------------------------------*\
  #TEMPLATES
\*------------------------------------*/
.details-wrap{padding-bottom: 70px; margin-bottom: 5px;}
    .detail-col.info{width: 55%; margin: 60px 6.5% 0 10%; text-align: left;}
    .detail-col.buttons{position: absolute; right: 20%; bottom: 75px;}

        .detail-title{ font-size: 34px; margin-bottom: 40px;}
        .detail-Subtitle { font-size: 22px; margin-bottom: 65px; margin-top: -40px;}
        .detail-text{line-height: 1.4; text-align: justify;}
        .detail-text p{margin-bottom: 30px;}
        .detail-text a:hover{text-decoration: underline;}
    
        .detail-btn{clear: both; width: 98%; margin-top: 10px;}

    .detail-close{top: 30px; right: 30px; width: 15px; height: 15px;}

@media all and (min-width: 801px) and (max-width: 1165px){
    .detail-col.buttons{right: 15%;}
}

@media all and (min-width: 691px) and (max-width: 800px){
   .detail-col.info{width: 60%; margin-left: 5%;} 
   .detail-col.buttons{right: 11%;}
}

@media all and (min-width: 200px) and (max-width: 690px){
    .detail-col.info{width: 90%; float: none; margin:60px auto 0 auto;} 
    .detail-col.buttons{position: relative; bottom: auto; right: auto; float: none; margin:10px auto 0 auto; width: 90%; text-align: right;}
    .detail-btn{width: 18%; clear: none; margin-left: 5%; display: inline-block; float: none; padding: 3% 8% 3% 8%;}
}

@media all and (min-width: 326px) and (max-width: 480px){
    .detail-btn{width: auto;}
}

@media all and (min-width: 200px) and (max-width: 325px){
    .detail-btn{width: 40%; padding: 6% 8% 6% 8%;}
}
/* fixes */
/*.detail-col:nth-child(2){position: absolute; right: 20%; bottom: 102px;}*/

/*------------------------------------*\
  #FONTS
\*------------------------------------*/
@font-face {
  font-family: 'MyriadSetPro-Text';
  src: url('../../common/fonts/MyriadSetPro-Text.eot?#iefix') format('embedded-opentype'),  
  url('../../common/fonts/MyriadSetPro-Text.woff') format('woff'), 
  url('../../common/fonts/MyriadSetPro-Text.ttf')  format('truetype'), 
  url('../../common/fonts/MyriadSetPro-Text.svg#MyriadSetPro-Text') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*------------------------------------*\
  #HEADER
\*------------------------------------*/
.header-placer{height: 100%;}
.header{height: 100px; position: fixed; top: 0; z-index: 102;}
.header .outer, .header .wrapper{height: 100%;}
.logo{width: 220px; height: 50px; margin-top: 23px;}
.logo img{width: 100%;}

/*------------------------------------*\
  #DESKTOP NAV
\*------------------------------------*/
.nav-wrap{margin-top: 44px; }
.nav-item{color: #999; font-size: 18px; margin-right: 60px; border-bottom:thin solid transparent;}
.nav-item:last-child{margin-right: 0;}
.nav-item.active, .desktop .nav-item:hover{ border-bottom:thin solid #333; color: #333;}

@media all and (min-width: 981px) and (max-width: 1230px){
.nav-item{margin-right: 40px;}
}

@media all and (min-width: 200px) and (max-width: 1100px){
.logo{width: 210px; margin-top: 20px;}
.nav-wrap {margin-top: 37px;}
.header{height: 85px;}
}

@media all and (min-width: 981px) and (max-width: 1100px){
.nav-item{margin-right: 35px; font-size: 17px;}
}

@media all and (min-width: 200px) and (max-width: 980px){
.nav-wrap{display: none;}
}

/*------------------------------------*\
  #MOBILE NAV
\*------------------------------------*/
.hamburger{display: none; margin-top: 27px; width: 30px; height: 30px;}
	.ham-slice{width: 100%; height: 4px; background-color: #333; margin-bottom: 4px; }

.mobile-nav{right: 0; top: 0; z-index: 1; background-color: #f2f2f2; width: 200px; height: 100%;}
.mobile-nav-wrap{width: 90%; margin-top: 120px;}

.mobile-nav-item{width: 100%; text-align: right; text-indent: 20px; color: #999; font-size: 18px; margin-bottom: 30px; border-bottom:thin solid transparent; padding-bottom: 10px; padding-right: 10px; box-sizing:border-box;}
.mobile-nav-item.active, .desktop .mobile-nav-item:hover{ border-bottom:thin solid #c5c4c4; color: #333;}

@media all and (min-width: 200px) and (max-width: 980px){
.hamburger{display: block;}
.header{height: 75px;}
.logo{width: 190px; margin-top: 12px;}
}

/*-----------
  #All renditions after mobile nav is out must come here
------------*/
@media all and (min-width: 301px) and (max-width: 350px){
.logo{width: 170px; margin-top: 12px;}
.hamburger{ margin-top: 23px;}
.header{height: 70px;}
}

@media all and (min-width: 200px) and (max-width: 300px){
.logo{width: 150px; margin-top: 10px;}
.hamburger{ margin-top: 21px; width: 26px;}
.header{height: 65px;}
}
/*------------------------------------*\
  #FOOTER
\*------------------------------------*/

.footer{padding: 85px 0; text-align: center; font-size: 11px; color:rgb(124, 124, 124);}
/*------------------------------------*\
  #BANNER
\*------------------------------------*/

.dsk-banner{display: block;}
.mob-banner{display: none;}

.banner {cursor: default;}
.banner img{width: 100%; z-index: 1;} 

.banner-content{width: 350px; bottom:170px; padding: 40px 60px; z-index: 2; position: absolute; cursor: pointer;}

.banner-text{font-size: 48px; width: 100%; text-align: right; margin-right: 35px;}

.banner-subtext-wrap{margin-top: 40px;}
.banner-subtext{font-size: 18px;}
.banner-subtext-wrap .arrow-down{width: 35px; margin-top: 2px;}

.banner-content:hover .banner-subtext{text-decoration: underline;}

/* .mob-banner-content{width: 100%; padding: 30px 10px;  box-sizing:border-box;}
.mob-banner-content .banner-text{font-size: 38px;}
.mob-banner-content .banner-subtext{font-size: 16px;}
.mob-banner-content .banner-subtext-wrap{margin-top: 20px;} */

@media all and (min-width: 1151px) and (max-width: 1450px){
	.banner-content{padding: 40px 20px; bottom: 100px;}
	.banner-text{font-size: 38px;}
}

@media all and (min-width: 901px) and (max-width: 1150px){
	.banner-content{width: 310px; padding: 30px 20px; bottom: 50px;}
	.banner-text{font-size: 30px;}
	.banner-subtext{font-size: 16px;}

	.banner-subtext-wrap .arrow-down{width: 30px; margin-top: 1px; background-size: 12px;}
}

@media all and (min-width: 751px) and (max-width: 900px){
	.banner-content{width: 290px; padding: 20px 10px; bottom: 50px;}
	.banner-text{font-size: 27px; margin-right: 33px;}
	.banner-subtext-wrap{margin-top: 25px;}
	.banner-subtext{font-size: 14px;}
	
	.banner-subtext-wrap .arrow-down{width: 28px; margin-top: 0px; background-size: 11px;}
}

@media all and (min-width: 661px) and (max-width: 750px){
	.banner-content{width: 288px; padding: 17px 8px; bottom: 45px;}
	.banner-text{font-size: 24px; margin-right: 33px;}
	.banner-subtext-wrap{margin-top: 20px;}
	.banner-subtext{font-size: 14px;}
	
	.banner-subtext-wrap .arrow-down{width: 28px; margin-top: 0px; background-size: 10px;}
}

@media all and (min-width: 200px) and (max-width: 660px){
	.dsk-banner{display: none;}
	.mob-banner{display: block;}

	.banner-content{width: 100%; padding: 30px 10px;  box-sizing:border-box;/* position: relative; float: left;*/ bottom:0;}
	.banner-text{font-size: 35px;  box-sizing:border-box;  margin-right: 0; padding-right: 35px;}
	.banner-subtext{font-size: 16px;}
	.banner-subtext-wrap{margin-top: 20px;}
}

@media all and (min-width: 451px) and (max-width: 550px){

	.banner-content{padding: 30px 10px;}
	.banner-text{font-size: 30px; }
	.banner-subtext{font-size: 15px;}
	.banner-subtext-wrap{margin-top: 20px;}

	.banner-subtext-wrap .arrow-down{background-size: 12px; height: 13px;}

}

@media all and (min-width: 351px) and (max-width: 450px){

	.banner-content{padding: 25px 10px;}
	.banner-text{font-size: 24px;padding-right: 28px; }
	.banner-subtext{font-size: 13px;}
	.banner-subtext-wrap{margin-top: 20px;}

	.banner-subtext-wrap .arrow-down{background-size: 11px; height: 12px; width: 28px;}

}

@media all and (min-width: 200px) and (max-width: 350px){

	.banner-content{padding: 20px 5px;}
	.banner-text{font-size: 20px;padding-right: 28px; }
	.banner-subtext{font-size: 12px;}
	.banner-subtext-wrap{margin-top:12px;}

	.banner-subtext-wrap .arrow-down{background-size: 9px; height: 10px; width: 28px;}

}
 

/*------------------------------------*\
  #CYCLE
\*------------------------------------*/
.cycle-pager-wrap,
.cycle-actions {z-index: 101;}
.cycle-actions{position: absolute; right: 0; bottom: 50px;}

.mob-banner .cycle-actions{bottom:10px; right: 20px;}


.cycle-pager{margin-top: 6px;}
.cycle-pager span{display: inline-block; height: 3px; width: 20px; background-color: rgb(124, 124, 124); margin: 0 5px;}
.mob-banner .cycle-pager span{background-color: rgb(189, 185, 185);}

.cycle-pager span.cycle-pager-active{background-color: #FFF;}

.cycle-actions .cycle-prev{width: 18px; margin-right: 10px; cursor: pointer;}
.cycle-actions .cycle-next{width: 18px; margin-left: 10px;}
/*------------------------------------*\
  #VENTURE
\*------------------------------------*/
.venture{padding: 100px 0 150px;}
.venture-section-title{font-size: 40px; color: #545353; margin-bottom: 50px; text-align: center;}
a.venture-tile{width: 33%; margin-bottom: .5%; margin-right: .5%; max-height: 285px; overflow: hidden; cursor: default;} 
.venture-tile img{width: 100%;}
a.venture-tile:nth-of-type(3n){margin-right: 0;}

.venture-icon{width: 18px; height: 15px; margin-left: 10px; margin-top: 5px;}

.venture-tile-title-wrap{position: absolute;top: 40px; font-size: 22px; right:30px; z-index: 2; text-shadow: 2px 2px 4px #000000;}
.venture-tile .Iarrow-down{ display: none;} 

/*.desktop .venture-tile:hover .venture-tile-title{border-bottom: thin solid #CCC;}*/
.venture-tile.inactive img{opacity: .7; }

.venture-content{margin-bottom: .5%; text-align: right;}
.venture-content-close{top: 30px; right: 30px;}

.parent-open .venture-tile{opacity: 0.5;}
.open.venture-tile{opacity: 1;}

@media all and (min-width: 921px) and (max-width: 1180px){
	.venture{padding: 80px 0;}
	.venture-tile-title-wrap{font-size: 20px;}
}

@media all and (min-width: 641px) and (max-width: 1050px){
	.venture-tile-title-wrap{top: 28px;}
}

@media all and (min-width: 851px) and (max-width: 920px){
	.venture-tile-title-wrap{font-size: 18px;}
	.venture{padding: 80px 0;}
}

@media all and (min-width: 481px) and (max-width: 850px){
	a.venture-tile{width: 49.4%; margin-bottom: 1%; margin-right: 1%;}
	a.venture-tile:nth-of-type(3n){margin-right: 1%;}
	a.venture-tile:nth-of-type(2n){margin-right: 0;}

	.venture{padding: 50px 0;}
}

@media all and (min-width: 481px) and (max-width: 640px){
	.venture-tile-title-wrap{font-size: 19px;right: 15px;top: 22px;}
	.venture{padding: 50px 0;}
}

@media all and (min-width: 481px) and (max-width: 540px){
	.venture-tile-title-wrap{font-size: 16px;}
	.venture-icon{ margin-top: 4px; width: 12px; height: 12px;}
}

@media all and (min-width: 200px) and (max-width: 480px){
	a.venture-tile{width: 100%; margin-right: 0; margin-bottom: 2.5%;}
	a.venture-tile:nth-of-type(3n){margin-right: 0;}
	.venture{padding: 40px 0;}
}

@media all and (min-width: 200px) and (max-width: 380px){
	.venture-tile-title-wrap{font-size: 20px; right: 20px; top: 25px;}
}

@media all and (min-width: 200px) and (max-width: 280px){
	.venture-tile-title-wrap{font-size: 17px; right: 12px; top: 18px;}
	.venture-icon{width: 11px; height: 12px;}
}
/*------------------------------------*\
  #ABOUT
\*------------------------------------*/
.about{padding-bottom: 140px; padding-top: 180px;}

.about-col.info{width: 50%; text-align: left; margin-right: 6.5%;}

.about-title{font-size: 34px; margin-bottom: 70px;}
.about-text{font-size: 16px;}
.about-text p{margin-bottom: 35px;}

.about-more{margin-top: 20px; padding:15px 30px 15px 30px; }

.about-col.tabs{width: 43.5%;}

.about-tab-wrap{margin-bottom: 10px;}
	.about-tab-title-strip{width: 100%; height:95px; text-align: left;}

		.about-tab-title{font-size: 22px; color: rgb(124, 124, 124); margin-top: 36px; margin-left: 2%;}
		/*.about-tab-title-strip:hover .about-tab-title{border-bottom: thin solid rgb(124, 124, 124);}*/
		
		.about-arrow{width: 13px; height: 15px;margin-right: 6%; margin-top: 36px ; color:#000;}

	.about-tab-content {margin-bottom: 40px; margin-top: 0px;}
		.about-director-tumb{width: 24.4%; background-color: #FFF; margin-right: .8%; margin-top: 4px;}
		.about-director-tumb img{width: 100%;}
		.about-director-tumb:focus{outline:none;}
		.about-director-tumb:nth-child(4n){margin-right: 0;}

	.about-tab-content p{margin-top: 40px; text-align: left;}
	.about-tab-content span{font-size: 24px;}
 

.about-pop-wrap{width: 800px; background-color: #FFF; color: #666; overflow: hidden;}
	.about-pop-img{width: 40%;}
	.about-pop-img img{width: 100%;}

	.about-pop-content{width: 45%; margin-left: 5%; margin-top: 40px; direction: rtl; text-align: justify;}
		.director-name{font-size: 40px;}
		.director-designation{font-size: 18px; margin-bottom: 15px;}
		.director-bio p {margin-bottom: 20px;}

@media all and (min-width: 851px) and (max-width: 1180px){
	.about{padding: 80px 0;}
}

@media all and (min-width: 481px) and (max-width: 850px){
	.about{padding: 50px 0;}
}		

@media all and (min-width: 200px) and (max-width: 480px){
	.about{padding: 40px 0;}
	.about-title{text-align: center;}
	.about-tab-title-strip{text-align: center;}
}

@media all and (min-width: 200px) and (max-width: 980px){
	.about-tab-title{font-size: 20px;}
	.about-arrow{width: 12px; height: 14px;}

	.about-title{font-size: 32px; margin-bottom: 50px;}
	.about-text{font-size: 15px;}
}

@media all and (min-width: 770px) and (max-width: 850px){
	.about-tab-title-strip{height: 80px;}
	.about-tab-title, .about-arrow{margin-top: 32px;}
}

@media all and (min-width: 200px) and (max-width: 769px){
	.about-col.info{width: 95%; margin: auto; float: none;}
	.about-col.tabs{float: left; margin-top: 50px;  width: 64%;}
}

@media all and (min-width: 441px) and (max-width: 550px){
	.about-col.tabs{width: 75%;}
}

@media all and (min-width: 200px) and (max-width: 440px){
	.about-col.tabs{width: 100%;}
}

/*------------------------------------*\
  #COLORBOX OVERRIDE
\*------------------------------------*/
#cboxLoadedContent{margin-bottom: 0;}
#cboxLoadedContent{border: 5px solid #FFF;}		
/*------------------------------------*\
  #SUBSIDIARY
\*------------------------------------*/

.subsidiaries{padding: 100px 0;}
.subsidiaries-section-title{font-size: 40px; color: #545353; margin-bottom: 50px; text-align: center;}

	.subsi-block{width: 24.7%; margin-right: .4%; margin-bottom: 5px;}
	a.subsi-block:nth-of-type(4n){margin-right: 0;}

	.subsi-block:hover .subsi-block-subtitle{text-decoration: underline;}

		.subsi-title-strip{height: 110px; text-align: right;}
			.subsi-block-title-con{margin-top: 8%; margin-right: 6%;}
				.subsi-block-title{ font-size: 22px; margin-right: 30px;}
				.subsi-block-subtitle{font-size: 16px;}
				.subsi-title-strip .arrow-down{width: 30px; background-position: center right;}

		.subsi-img img{width: 100%;}

.parent-open .subsi-block{opacity: 0.5;}
.open.subsi-block{opacity: 1;}	

@media all and (min-width: 851px) and (max-width: 1180px){
	.subsidiaries{padding: 80px 0;}
}

@media all and (min-width: 481px) and (max-width: 850px){
	.subsidiaries{padding: 50px 0;}
}		

@media all and (min-width: 200px) and (max-width: 480px){
	.subsidiaries{padding: 40px 0;}
}
	

@media all and (min-width: 631px) and (max-width: 980px){
	.subsi-block{width: 32.6%; margin-right: 1%; margin-bottom: 9px;}
	a.subsi-block:nth-of-type(4n){margin-right: 1%;}
	a.subsi-block:nth-of-type(3n){margin-right: 0;}
}

@media all and (min-width: 501px) and (max-width: 630px){
	.subsi-block{width: 49%; margin-right: 2%; margin-bottom: 12px;}
	a.subsi-block:nth-of-type(4n), 
	a.subsi-block:nth-of-type(3n){margin-right: 2%;}
	a.subsi-block:nth-of-type(2n){margin-right: 0;}
}

@media all and (min-width: 451px) and (max-width: 500px){
	.subsi-block{width: 49%; margin-right: 1.4%;margin-bottom: 10px;}
	a.subsi-block:nth-of-type(4n), 
	a.subsi-block:nth-of-type(3n){margin-right: 1.4%;}
	a.subsi-block:nth-of-type(2n){margin-right: 0;}
}

@media all and (min-width: 200px) and (max-width: 450px){
	.subsi-block{width: 100%; margin-right: 0; margin-bottom: 10px;}
	a.subsi-block:nth-of-type(4n),
	a.subsi-block:nth-of-type(3n),
	a.subsi-block:nth-of-type(2n){margin-right: 0;}
}
/*------------------------------------*\
  #SOCIAL RESPONCIBILITY
\*------------------------------------*/
.social-resp-info-wrap{width: 55%; margin-right: 5%; margin-top: 100px; /*direction:rtl; text-align: justify;*/ text-align: left; }
	.social-resp-title{font-size: 46px; margin-bottom: 60px;}
	.social-resp-text p{margin-bottom: 30px;}

.social-resp-img{width: 40%; height: 740px; background-image: url(../images/social-resp/1.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat;}


@media all and (min-width: 200px) and (max-width: 850px){
	.social-resp-img{display: none;}
	.social-resp-info-wrap{width: 100%; margin: 100px 0;}

}

@media all and (min-width: 481px) and (max-width: 850px){
	.social-resp-info-wrap{margin: 50px 0;}
}		

@media all and (min-width: 200px) and (max-width: 480px){
	.social-resp-info-wrap{margin: 40px 0;}
	.social-resp-title{text-align: center;}
}
/*------------------------------------*\
  #CONNECT
\*------------------------------------*/
.connect{padding: 100px 0;}

.connect-section-title{font-size: 40px; color: #545353; margin-bottom: 50px; text-align: center;}

.connect-block{width: 33%; margin-bottom: .5%; margin-right: .5%; max-height: 285px; overflow: hidden;} 
.connect-block:nth-child(3n){margin-right: 0;}

.connect-block:hover .connect-block-title{border-bottom: thin solid #FFF;}

	.connect-block-title-wrap{top: 40px; right: 20px; font-size: 22px;}

	.connect-block .arrow-down{width: 25px; background-position: center right;}

.parent-open .connect-block{opacity: 0.5;}
.open.connect-block{opacity: 1;}
 

@media all and (min-width: 921px) and (max-width: 1180px){
	.venture{padding: 80px 0;}
	.connect-block-title-wrap{font-size: 20px;}
} 

@media all and (min-width: 641px) and (max-width: 1050px){
	.connect-block-title-wrap{top: 28px;}
}

@media all and (min-width: 851px) and (max-width: 920px){
	.venture{padding: 80px 0;}
	
	.connect-block-title-wrap{font-size: 18px;}
}

@media all and (min-width: 481px) and (max-width: 850px){
	.venture{padding: 50px 0;}

	.connect-block{width: 49.4%; margin-bottom: 1%; margin-right: 1%;}
	a.connect-block:nth-of-type(3n){margin-right: 1%;}
	a.connect-block:nth-of-type(2n){margin-right: 0;}
}

@media all and (min-width: 481px) and (max-width: 640px){
	.venture{padding: 50px 0;}

	.connect-block-title-wrap{font-size: 19px;right: 15px;top: 22px;}
}

@media all and (min-width: 481px) and (max-width: 540px){
	.connect-block-title-wrap{font-size: 16px;}
	.connect-block .arrow-down{ margin-top: 4px; width: 12px; height: 12px;}
}

@media all and (min-width: 200px) and (max-width: 480px){
	.venture{padding: 40px 0;}

	.connect-block{width: 100%; margin-right: 0; margin-bottom: 2.5%;}
	a.connect-block:nth-of-type(3n){margin-right: 0;}
}		

/* Use this part if tile text needs to get smaller */
/* 
@media all and (min-width: 200px) and (max-width: 380px){
	.venture-tile-title-wrap{font-size: 20px; right: 20px; top: 25px;}
}

@media all and (min-width: 200px) and (max-width: 280px){
	.venture-tile-title-wrap{font-size: 17px; right: 12px; top: 18px;}
	.venture-icon{width: 11px; height: 12px;}
} */
/*------------------------------------*\
  #CONTACT
\*------------------------------------*/

::-webkit-input-placeholder {color: rgb(124, 124, 124);}
:-moz-placeholder {color: rgb(124, 124, 124); opacity:  1;}
::-moz-placeholder {color: rgb(124, 124, 124); opacity:  1;}
:-ms-input-placeholder {color: rgb(124, 124, 124);}

.contact{padding: 140px 0 120px 0;}

	.contact-col.info{width: 55%; margin-right: 5%; text-align: right;}

		.map-wrap{height: 470px; margin-bottom: 50px;}
		.map-overlay{ display: none; z-index: 10; background-color: #000; opacity: 0.1; width: 100%; height: 100%; top: 0; left: 0;}
		.map{height: 100%;background-color: #000;}

		.contact-title{font-size: 46px; margin-bottom: 25px;}

		.contact-info-strip{text-align: left; margin-bottom: 5px; font-size: 22px;}
			.contact-info-lable{margin-right: 15px;}
			.ext-margin{margin-right: 30px;}	


	.contact-col.form{width: 40%;}
	.contact-col form .contact-input{height: 80px; margin-top: 10px; text-indent: 30px; font-size: 16px; box-sizing:border-box; color: rgb(124, 124, 124);}
	.contact-col form .contact-input:first-child{margin-top: 0px;}
		textarea{max-width: 100%; height: 270px; font-size: 18px; padding: 40px 30px; margin-top: 10px; box-sizing:border-box;color: rgb(124, 124, 124);}
	.contact-col form .button{margin-top: 30px; padding:40px 0; }

	.main-error{text-align: right; width:100%; margin-top: 10px; display: none;}

	.contact-submit{font-size: 24px;}

	select.chosen-select{width: 100% !important; height: 70px; margin-top: 10px;background-color: #FFF; text-indent: 26px; color: rgb(124, 124, 124); font-size: 16px; font-family: MyriadSetPro-Text;}
	.success{  display: none;  margin-top: 20px; font-size: 20px; margin-right: 2%;}
/* Form Validation JS */
.default-error-box{text-align: right; margin-top: 3px; font-size: 14px;}

@media all and (min-width: 851px) and (max-width: 1180px){
	.contact{padding: 80px 0;}
}

@media all and (min-width: 481px) and (max-width: 850px){
	.contact{padding: 50px 0;}
}		

@media all and (min-width: 200px) and (max-width: 480px){
	.contact{padding: 40px 0;}
}

@media all and (min-width: 200px) and (max-width: 900px){
	.contact-col.info,
	.contact-col.form{width: 100%;}

	.contact-col.form{margin-top: 50px;}
	.contact-col form .button{padding: 25px 0;}

	.map-overlay{display: block;}

}	

@media all and (min-width: 401px) and (max-width: 645px){
	.contact-title{font-size: 36px;}
	.contact-info-strip{font-size: 19px;}
	.contact-info-lable{margin-right: 10px;}
}

@media all and (min-width: 200px) and (max-width: 445px){
	.contact-info-strip{font-size: 17px;}
}

@media all and (min-width: 200px) and (max-width: 400px){
	.contact-title{font-size: 30px;}
	.contact-info-strip{font-size: 16px;}
	.contact-info-lable{margin-right: 5px;}
		.ext-margin {margin-right: 10px; }
	.contact-col form .contact-input{height: 70px;}
}

/*# sourceMappingURL=styles.css.map */