@import url(reset.css);
@import url(font.css);

/*header*/
.navigation {position: fixed;top: 0;left: 0;width:100%;background:#fff;z-index: 99;height: 75px;box-shadow: 0 0 5px #666;}
.fixed_outer{width:1024px;margin:0 auto;}
.fixed_inner{width:100%;float: left;}
.header_logo{float: left;width:30%;}
.logo a{float: left;}
.logo img{float:left;margin-right:5px;}
.header_menu{width:70%;float:right;}
.header_menu ul{float: right}
.header_menu ul li{float: left;margin:0 1px;height: 75px;}
.header_menu ul li a{font:bold 16px/75px arial;color:#333;padding:0 15px;}
.header_menu ul li:hover,.header_menu ul li.active{background: #333}
.header_menu ul li:hover a,.header_menu ul li.active a{color:#fff;}
.header_menu select{display: none;}
#page{width:100%;float: left;min-height: 100%;}
/*home Page*/
.home_page{background:#ff5341;padding: 100px 0 50px 0;float: left;width:100%;}
.about_page{background:#fff ;float: left;width:100%;padding:80px 0 00px 0;}
.howitwork_page{background:#2b997f;float: left;width:100%;padding: 80px 0 0px 0;}
.portfolio_page{background:#5daed5;float: left;width:100%;padding: 80px 0 0px 0;}
.blog_page{background:#fff;float: left;width:100%;padding: 80px 0 0px 0;}
.contact_page{background:#d55d8d;float: left;width:100%;padding: 80px 0 0px 0;}
.home_video_box{width:100%;float: left;background: #fff;padding: 10px;box-shadow: 0 0 3px #666}
.home_listing{width:100%;margin-top:30px;float: left;}
.home_listing ul li{float: left;width:31%;margin:0 1%;text-align: center;padding: 0 15px}
.home_list_image{width:200px;height: 200px;background: #fff;border-radius: 100%;display: inline-block;line-height: 200px}
.home_list_image img{display: inline-block; line-height: 200px;vertical-align: middle}
.home_list_desc{width:100%;float: left; text-align: center;margin-top:20px;}
.home_list_desc h2{font:bold 20px SegoeUI;color:#fff;letter-spacing:1px}
.home_list_desc p{font:normal 14px/20px SegoeUI;color:#fff}
/*about page*/
.general_title{width:100%;float: left;text-align: center;background: url(../images/divider.png) no-repeat center bottom;padding-bottom: 40px;font:normal 34px/50px SegoeUI;color:#333}
.general_title1{width:100%;float: left;text-align: center;background: url(../images/divider_white.png) no-repeat center bottom;padding-bottom: 40px;font:normal 34px/50px SegoeUI;color:#fff}
.about_content_first{width:100%;float: left;clear:both;text-align: center}
.about_content_first h2{font:normal 34px/50px SegoeUI;color:#ed7326}
.about_content_first h3{font:normal 18px/30px SegoeUI;color:#666;background: #efefef;padding: 10px;}
.about_content_second{padding: 30px 0;float: left;clear:both;width:100%;}
.about_content_left{width:50%;float:left;padding-right: 40px;}
.about_content_right{width:50%;float: right;}
.about_content_left h3,.about_content_right h3{float: left;width:100%;font:normal 24px/30px SegoeUI;color:#00c0ff;}
.about_content_left p,.about_content_right p{float: left;width:100%;font:normal 14px/22px SegoeUI;color:#666;}
.about_content_left{text-align: justify}
.about_content_third{width:100%;float: left;}
.about_third_left{width:60%;float: left;}
.get {display: none;}
.about_third_right{width:40%;float: right;padding-left: 30px;}
.about_third_right h3{width:100%;font:normal 26px/36px SegoeUI;color:#00c0ff;}
.about_third_right p{width:100%;font:normal 16px/26px SegoeUI;color:#666;text-transform: uppercase}
.about_content_fourth{width:100%;margin-top:30px;float: left;}
.about_content_fourth ul li{width:31%;margin:0 1%;padding: 10px;border:2px dashed #ed7326;float:left;border-radius: 1px;text-align: center;min-height: 200px;background: #d0efff}
.about_content_fourth ul li span{width:100%; min-height: 100px;text-align: center;}
.about_content_fourth ul li h1{font:normal 24px/30px SegoeUI;color:#333;}
.about_content_fourth ul li:nth-child(2n){border-color:#000}
.testimonials{width:100%;float: left;background: #121b26;margin: 40px 0 0 0;height: 100px;box-shadow: 0 0 5px #666;text-align: center;}
.newsticker-jcarousellite li h2{color:#d9c896;font:normal 24px/30px SegoeUI;display: inline-block;vertical-align: middle}
.newsticker-jcarousellite li{float: left;width:100%;clear:both;height: 100px;line-height: 100px;}
.client_icon{background:url(../images/Happy-Clients.png) no-repeat center top;width:100%;float:left; height:75px;margin-top:10px; }
.work_icon{background:url(../images/Days.png) no-repeat center top;width:100%;float:left; height:75px;margin-top:10px; }
.coffecup_icon{background:url(../images/Coffee.png) no-repeat center top;width:100%;float:left; height:75px;margin-top:10px; }
/*how it works*/
.how_it_works_outer ul li{float:left;width:100%;padding:10px 0;list-style-type:none;}
.how_it_list_image {width:280px;float:left;text-align:center;}
.how_it_list_image img{width:250px;height:250px;border-radius:100%;box-shadow:0 0 10px #333;}
.how_it_list_content{width:70%;float:left;line-height: 250px;}
.how_it_list_content p strong{padding-top:0;color:#fff;font:normal 24px/30px SegoeUI;vertical-align: middle;display: inline-block;width:100%;margin-bottom: 20px;}
.how_it_list_content p{font:normal 16px/18px "SegoeUI",serif;color:#fff;vertical-align: middle;display: inline-block}
.how_it_list_image.right_align{float:right;margin-top:20px;}
.how_it_full_image{width:100%;float:left;text-align:center;}
.how_it_full_image h2{color:#fff;font:normal 34px/50px SegoeUI;width:100%;text-align: center;float: left;padding-bottom: 30px;}
.how_it_full_image img{max-width:100%;}
.how_it_full_text{width:100%;float:left;}
.how_it_full_text p{font:normal 16px/18px "SegoeUI",serif;color:#fff;text-align: center}
/*cleitns*/
.clients_page{width:100%;background: #fff;float: left;padding: 30px 0;margin-top:20px;}
.our_client{width:100%;}
.our_client ul li{float:left;width:25%;text-align:center;height: 80px;padding: 10px;margin:10px 0;}
.our_client ul li img{max-width: 100%;max-height: 100%;}
/*portfolio*/
.portfolio{width:100%;float: left;}
.portfolio ul li{float: left;width:30%;margin:10px 1%;height: 220px;text-align: center;}
.portfolio ul li .video_iframe{width:100%;position: relative;background: #fff;float: left;text-align: center;}
.portfolio ul li span{font:normal 16px/18px "SegoeUI",serif;color:#fff;text-transform: uppercase}
.view_more_video{width:100%;float:left;text-align:center;}
.portfolio .view_more_video a{ width:300px; height:104px;display:inline-block;font:normal 16px arial;color:#000}
.portfolio .view_more_video a:hover{color:#333;}
/*blog*/
.blog-stores{width:100%;float: left}
.blog-stores ul li{float: left;padding: 20px 0;}
.blog-stores ul li b{font:normal 26px/38px "SegoeUI",serif;color:#00c0ff;text-transform: uppercase}
.blog_image{width:auto;margin:0 20px;}
.blog-stores p{font:normal 16px/24px "SegoeUI",serif;color:#666;text-align: justify}
/*contact us*/
#map {background:#fff;height: 300px;margin:20px 0;width: 100%;float: left;}
.contact-address{width:40%;float: left;}
.contact-address h3,.contact_form h3{font:normal 36px/38px "SegoeUI",serif;color:#fff;}
.contact-address p{font:normal 16px/28px "SegoeUI",serif;color:#fff;}
.contact_form{width:50%;float: right;}
.contact_form ul li{width:100%;float: left;padding:2px 0;clear:both;}
.contact_form ul li label{font:normal 16px/28px "SegoeUI",serif;color:#fff;width:100%;float: left}
.contact_form ul li .input_fields{width:70%;float: left;clear:both;}
.input_fields input[type="text"]{width:100%;border:1px solid #fff;border:0px;height: 30px;padding: 10px;}
.input_fields textarea{width:100%;border:1px solid #fff;border:0px;height: 130px;padding: 10px;}
.input_fields input[type="submit"]{border-radius: 5px;border:none;background: #0084d8;padding: 0 20px;float: left;font:bold 16px/28px "SegoeUI",serif;color:#fff;cursor: pointer}
.err{width:100%;float: left;font:bold 12px/19px "SegoeUI",serif;color:#ba0027;}
.mail-message-btn {position: relative;display: inline-block;padding: 7px 10px;text-decoration: none;background: #111;color: #ffffff;border-radius: 2px;border: none;outline: none;cursor: pointer;}
.mail-message-btn:hover {text-decoration: none;background: #444;}
#mail-message {position: fixed;top: 0;left: 0;display: none;width: 100%;height: 100%;z-index: 210;}
#mail-message table {width: 100%;height: 100%;text-align: center;}
#mail-message-window {width: 400px;padding-bottom: 20px;background: #fff;margin: 0 auto;color:#111;text-align:center;}
#mail-message-header {width: 400px;height: 70px;}
.mail-message-success {color:#5FB61A;}
.mail-message-error {color:#E43838;}
#mail-message-window p {margin: 0 0 5px 10px;text-align: left;}
#mail-message-window input {margin-top: 10px;}
#mail-message td {vertical-align: middle;}
/*copy_rights*/
.footer_copyrights{width:100%;background: #333;height: 30px;float: left;margin-top:50px;}
.copy_rights{width:50%;font:normal 12px/30px "SegoeUI",serif;color:#efefef;text-align: left;float: left;}
/*popup*/
.fade{width:100%;height: 100%;background: rgba(0, 0, 0, 0.8);position: fixed; top:0; left:0;z-index: 100;display: none;}
.youtude_popup{position: fixed; top:10%;left:50%;margin-left:-500px; width:1000px;height: 500px;background: #fff;z-index: 101;display: none;}
.video_iframe{position: relative; }
.video_iframe a{position: absolute;left:50%;width:50px;height: 50px;margin:-25px 0 0 -25px;top:50%;background: url(../images/play_icon.png) no-repeat;}
.youtude_popup a.popclose{font:normal 22px/30px "SegoeUI",serif;color:#f00;position: absolute; right:10px;top:0;z-index: 99;}

.video_iframe img{width: 100%;height: 180px;float: left;}
.mobile_menu{display: none;}
.social_contact_facebook{background: url(../images/facebook.jpg) no-repeat;width:25px;height: 24px;float: left;}
.social_contact_twitter{background: url(../images/twitter.jpg) no-repeat;width:25px;height: 24px;float: left;}
.social_contact_youtube{background: url(../images/gplus.jpg) no-repeat;width:25px;height: 24px;float: left;}
.social_contact_linked_in{background: url(../images/linkedin.jpg) no-repeat;width:25px;height: 24px;float: left;}
.social_contact{width: auto;float:right;margin-top:3px;}
.social_contact li{float: left;margin:0 2px;}